feat: fix overlay title when token is cloned vs created (#3617)

* feat: fix title of displayTokenOverlay when token cloned vs created

* fix: prettier

* fix: added case statement to 'add-note' and 'access-clone-token'

Author: blegesse-w

src/authorizations/components/redesigned/DisplayTokenOverlay.tsx

@@ -25,12 +25,16 @@ type ReduxProps = ConnectedProps<typeof connector>
 type Props = ReduxProps
 
 const DisplayTokenOverlay: FC<Props> = props => {
-  const {onClose} = useContext(OverlayContext)
+  const {onClose, overlayID} = useContext(OverlayContext)
 
   return (
     <Overlay.Container maxWidth={750}>
       <Overlay.Header
-        title="You've successfully created an API token"
+        title={
+          overlayID === 'access-token'
+            ? "You've successfully created an API Token"
+            : "You've successfully cloned an API Token"
+        }
         onDismiss={onClose}
         wrapText={true}
       />

src/authorizations/components/redesigned/TokenRow.tsx

@@ -156,7 +156,9 @@ class TokensRow extends PureComponent<Props> {
         description: incrementCloneName(allTokenDescriptions, description),
       })
       event('token.clone.success', {id: this.props.auth.id, name: description})
-      this.props.showOverlay('access-token', null, () => dismissOverlay())
+      this.props.showOverlay('access-cloned-token', null, () =>
+        dismissOverlay()
+      )
     } catch {
       event('token.clone.failure', {id: this.props.auth.id, name: description})
     }

src/overlays/components/OverlayController.tsx

@@ -64,6 +64,8 @@ export const OverlayController: FunctionComponent = () => {
   useMemo(() => {
     switch (overlayID) {
       case 'add-note':
+        activeOverlay.current = <NoteEditorOverlay onClose={onClose} />
+        break
       case 'edit-note':
         activeOverlay.current = <NoteEditorOverlay onClose={onClose} />
         break
@@ -73,6 +75,9 @@ export const OverlayController: FunctionComponent = () => {
       case 'add-custom-token':
         activeOverlay.current = <CustomApiTokenOverlay onClose={onClose} />
         break
+      case 'access-cloned-token':
+        activeOverlay.current = <DisplayTokenOverlay />
+        break
       case 'access-token':
         activeOverlay.current = <DisplayTokenOverlay />
         break

src/overlays/reducers/overlays.ts

@@ -10,6 +10,7 @@ export type OverlayID =
   | 'edit-note'
   | 'add-master-token'
   | 'access-token'
+  | 'access-cloned-token'
   | 'add-custom-token'
   | 'add-token'
   | 'telegraf-config'