From 08cad8ddd4dc7436e3f36e8b7ed597abef0f8534 Mon Sep 17 00:00:00 2001
From: Rafal Czajkowski <rafal.czajkowski@keep.network>
Date: Thu, 13 Oct 2022 14:13:07 +0200
Subject: [PATCH 1/2] Update copy: tBTC

The convention should be `tBTC` in every case.
---
 .../InititateDeauthorization.tsx                          | 8 +++++++-
 .../Modal/MapOperatorToStakingProviderModal/index.tsx     | 4 ++--
 src/components/StakingTimeline/index.tsx                  | 4 ++--
 .../Staking/HowItWorks/StakingApplications/index.tsx      | 4 ++--
 src/pages/Staking/StakeDetailsPage/index.tsx              | 2 +-
 src/utils/getStakingAppNameFromAddress.ts                 | 2 +-
 6 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/src/components/Modal/DeauthorizeApplicationModal/InititateDeauthorization.tsx b/src/components/Modal/DeauthorizeApplicationModal/InititateDeauthorization.tsx
index 618dd8671..7e821bfaf 100644
--- a/src/components/Modal/DeauthorizeApplicationModal/InititateDeauthorization.tsx
+++ b/src/components/Modal/DeauthorizeApplicationModal/InititateDeauthorization.tsx
@@ -25,6 +25,11 @@ import TokenBalance from "../../TokenBalance"
 import { StakingAppName } from "../../../store/staking-applications"
 import { useInitiateDeauthorization } from "../../../hooks/staking-applications"
 
+const stakingAppNameToAppLabel: Record<StakingAppName, string> = {
+  tbtc: "tBTC",
+  randomBeacon: "Random Beacon",
+}
+
 const InitiateDeauthorization: FC<{
   closeModal: () => void
   stakingProvider: string
@@ -44,7 +49,8 @@ const InitiateDeauthorization: FC<{
       <ModalBody>
         <InfoBox variant="modal">
           <H5 mb={4}>
-            You're about to initiate the decrease of your TBTC authoriation.
+            You're about to initiate the decrease of your{" "}
+            {stakingAppNameToAppLabel[stakingAppName]} authorization.
           </H5>
           <BodyLg>
             Initiation and confirmation of deauthorization is a two step action.
diff --git a/src/components/Modal/MapOperatorToStakingProviderModal/index.tsx b/src/components/Modal/MapOperatorToStakingProviderModal/index.tsx
index 8e88e6217..52680f849 100644
--- a/src/components/Modal/MapOperatorToStakingProviderModal/index.tsx
+++ b/src/components/Modal/MapOperatorToStakingProviderModal/index.tsx
@@ -106,11 +106,11 @@ const MapOperatorToStakingProviderModal: FC<BaseModalProps> = () => {
           mb={"5"}
         >
           {isOperatorMappedOnlyInRandomBeacon ? (
-            <LabelSm>tbtc app</LabelSm>
+            <LabelSm>tBTC app</LabelSm>
           ) : isOperatorMappedOnlyInTbtc ? (
             <LabelSm>random beacon app</LabelSm>
           ) : (
-            <LabelSm>TBTC + Random Beacon apps (requires 2txs)</LabelSm>
+            <LabelSm>tBTC + Random Beacon apps (requires 2txs)</LabelSm>
           )}
           <StakeAddressInfo stakingProvider={account ? account : AddressZero} />
           <MapOperatorToStakingProviderForm
diff --git a/src/components/StakingTimeline/index.tsx b/src/components/StakingTimeline/index.tsx
index 12fbe06e7..1ebb0b3a8 100644
--- a/src/components/StakingTimeline/index.tsx
+++ b/src/components/StakingTimeline/index.tsx
@@ -93,7 +93,7 @@ export const LegacyStakesDepositSteps: FC = () => {
         >
           <BodyMd>
             For each stake, there are three applications available. PRE does not
-            require authorization. To authorize TBTC and Random Beacon, go to
+            require authorization. To authorize tBTC and Random Beacon, go to
             the <InternalLink to="/staking">Staking Page</InternalLink> and
             select “Configure Stake”.
           </BodyMd>
@@ -228,7 +228,7 @@ const StakingTimeline: FC<{ statuses?: FlowStepStatus[] } & StackProps> = ({
           status={statuses[1] ?? FlowStepStatus.inactive}
         >
           For each stake, there are three applications available. PRE does not
-          require authorization. To authorize TBTC and Random Beacon, go to the{" "}
+          require authorization. To authorize tBTC and Random Beacon, go to the{" "}
           <InternalLink to="/staking">Staking page</InternalLink> and select
           “Configure Stake”.
         </FlowStep>
diff --git a/src/pages/Staking/HowItWorks/StakingApplications/index.tsx b/src/pages/Staking/HowItWorks/StakingApplications/index.tsx
index 7b0a3baa9..1b725f176 100644
--- a/src/pages/Staking/HowItWorks/StakingApplications/index.tsx
+++ b/src/pages/Staking/HowItWorks/StakingApplications/index.tsx
@@ -136,7 +136,7 @@ const StakingApplications: PageComponent = () => {
                 to="/staking"
                 width="full"
               >
-                Authorize TBTC
+                Authorize tBTC
               </Button>
               <Button
                 as={ExternalLink}
@@ -144,7 +144,7 @@ const StakingApplications: PageComponent = () => {
                 href={ExternalHref.tbtcNodeDocs}
                 width="full"
                 variant="outline"
-                text="TBTC Node Docs"
+                text="tBTC Node Docs"
               />
             </VStack>
           }
diff --git a/src/pages/Staking/StakeDetailsPage/index.tsx b/src/pages/Staking/StakeDetailsPage/index.tsx
index 1350dc1b0..da10ae012 100644
--- a/src/pages/Staking/StakeDetailsPage/index.tsx
+++ b/src/pages/Staking/StakeDetailsPage/index.tsx
@@ -117,7 +117,7 @@ const StakeDetailsPage: FC = () => {
           <StakeDetailRow label="PRE Node Status">
             <NodeStatusLabel isAuthorized />
           </StakeDetailRow>
-          <StakeDetailRow label="TBTC Node Status">
+          <StakeDetailRow label="tBTC Node Status">
             <NodeStatusLabel isAuthorized={tbtcApp.isAuthorized} />
           </StakeDetailRow>
           <StakeDetailRow label="Random Beacon Node Status">
diff --git a/src/utils/getStakingAppNameFromAddress.ts b/src/utils/getStakingAppNameFromAddress.ts
index dbfe61051..99eb9ac8b 100644
--- a/src/utils/getStakingAppNameFromAddress.ts
+++ b/src/utils/getStakingAppNameFromAddress.ts
@@ -1,7 +1,7 @@
 import { threshold } from "./getThresholdLib"
 
 const stakingAppAddressToName: { [key: string]: string } = {
-  [threshold.multiAppStaking.ecdsa.address]: "TBTC",
+  [threshold.multiAppStaking.ecdsa.address]: "tBTC",
   [threshold.multiAppStaking.randomBeacon.address]: "Random Beacon",
 }
 

From ea991e2232121d13ff6cbc86f1f08de64753f96d Mon Sep 17 00:00:00 2001
From: Rafal Czajkowski <rafal.czajkowski@keep.network>
Date: Wed, 19 Oct 2022 13:11:07 +0200
Subject: [PATCH 2/2] Add helper function

Add function that returns the staking app label based on the
`StakingAppName` type.
---
 .../InititateDeauthorization.tsx              |  8 ++-----
 .../StakingApplicationsAuthorized.tsx         |  2 +-
 src/utils/getStakingAppLabel.ts               | 21 +++++++++++++++++++
 src/utils/getStakingAppNameFromAddress.ts     | 10 ---------
 4 files changed, 24 insertions(+), 17 deletions(-)
 create mode 100644 src/utils/getStakingAppLabel.ts
 delete mode 100644 src/utils/getStakingAppNameFromAddress.ts

diff --git a/src/components/Modal/DeauthorizeApplicationModal/InititateDeauthorization.tsx b/src/components/Modal/DeauthorizeApplicationModal/InititateDeauthorization.tsx
index 7e821bfaf..3825cee75 100644
--- a/src/components/Modal/DeauthorizeApplicationModal/InititateDeauthorization.tsx
+++ b/src/components/Modal/DeauthorizeApplicationModal/InititateDeauthorization.tsx
@@ -24,11 +24,7 @@ import shortenAddress from "../../../utils/shortenAddress"
 import TokenBalance from "../../TokenBalance"
 import { StakingAppName } from "../../../store/staking-applications"
 import { useInitiateDeauthorization } from "../../../hooks/staking-applications"
-
-const stakingAppNameToAppLabel: Record<StakingAppName, string> = {
-  tbtc: "tBTC",
-  randomBeacon: "Random Beacon",
-}
+import { getSakingAppLabel } from "../../../utils/getStakingAppLabel"
 
 const InitiateDeauthorization: FC<{
   closeModal: () => void
@@ -50,7 +46,7 @@ const InitiateDeauthorization: FC<{
         <InfoBox variant="modal">
           <H5 mb={4}>
             You're about to initiate the decrease of your{" "}
-            {stakingAppNameToAppLabel[stakingAppName]} authorization.
+            {getSakingAppLabel(stakingAppName)} authorization.
           </H5>
           <BodyLg>
             Initiation and confirmation of deauthorization is a two step action.
diff --git a/src/components/Modal/StakingApplications/StakingApplicationsAuthorized.tsx b/src/components/Modal/StakingApplications/StakingApplicationsAuthorized.tsx
index 7832715ed..7b3c60712 100644
--- a/src/components/Modal/StakingApplications/StakingApplicationsAuthorized.tsx
+++ b/src/components/Modal/StakingApplications/StakingApplicationsAuthorized.tsx
@@ -33,7 +33,7 @@ import { formatTokenAmount } from "../../../utils/formatAmount"
 import { ExplorerDataType } from "../../../utils/createEtherscanLink"
 import { ExternalHref } from "../../../enums"
 import { BaseModalProps } from "../../../types"
-import { getStakingAppNameFromAddress } from "../../../utils/getStakingAppNameFromAddress"
+import { getStakingAppNameFromAddress } from "../../../utils/getStakingAppLabel"
 import StakingTimeline from "../../StakingTimeline"
 
 export type StakingApplicationsAuthorizeProps = BaseModalProps & {
diff --git a/src/utils/getStakingAppLabel.ts b/src/utils/getStakingAppLabel.ts
new file mode 100644
index 000000000..f8ce7ec95
--- /dev/null
+++ b/src/utils/getStakingAppLabel.ts
@@ -0,0 +1,21 @@
+import { threshold } from "./getThresholdLib"
+import { StakingAppName } from "../store/staking-applications"
+
+const stakingAppNameToAppLabel: Record<StakingAppName, string> = {
+  tbtc: "tBTC",
+  randomBeacon: "Random Beacon",
+}
+
+const stakingAppAddressToName: { [key: string]: string } = {
+  [threshold.multiAppStaking.ecdsa.address]: stakingAppNameToAppLabel.tbtc,
+  [threshold.multiAppStaking.randomBeacon.address]:
+    stakingAppNameToAppLabel.randomBeacon,
+}
+
+export const getStakingAppNameFromAddress = (stakingAppAddress: string) => {
+  return stakingAppAddressToName[stakingAppAddress] ?? "App"
+}
+
+export const getSakingAppLabel = (stakingAppName: StakingAppName) => {
+  return stakingAppNameToAppLabel[stakingAppName]
+}
diff --git a/src/utils/getStakingAppNameFromAddress.ts b/src/utils/getStakingAppNameFromAddress.ts
deleted file mode 100644
index 99eb9ac8b..000000000
--- a/src/utils/getStakingAppNameFromAddress.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { threshold } from "./getThresholdLib"
-
-const stakingAppAddressToName: { [key: string]: string } = {
-  [threshold.multiAppStaking.ecdsa.address]: "tBTC",
-  [threshold.multiAppStaking.randomBeacon.address]: "Random Beacon",
-}
-
-export const getStakingAppNameFromAddress = (stakingAppAddress: string) => {
-  return stakingAppAddressToName[stakingAppAddress] ?? "App"
-}