fix: name showHide button props more explcitly

ts/components/inputs/SessionInput.tsx

@@ -160,13 +160,13 @@ const ErrorItem = (props: { id: string; error: string }) => {
   );
 };
 
-type ShowHideStrings = { hide: string; show: string };
+type ShowHideButtonStrings = { hide: string; show: string };
 type ShowHideButtonProps = {
   forceShow: boolean;
   toggleForceShow: () => void;
   error: boolean;
-  ariaLabels?: ShowHideStrings;
+  ariaLabels?: ShowHideButtonStrings;
-  dataTestIds?: ShowHideStrings;
+  dataTestIds?: ShowHideButtonStrings;
 };
 
 const ShowHideButton = (props: ShowHideButtonProps) => {
@@ -232,9 +232,9 @@ type Props = {
   inputRef?: RefObject<HTMLInputElement | HTMLTextAreaElement>;
   inputDataTestId?: string;
   id?: string;
-  enableShowHide?: boolean;
+  enableShowHideButton?: boolean;
-  showHideAriaLabels?: ShowHideStrings;
+  showHideButtonAriaLabels?: ShowHideButtonStrings;
-  showHideDataTestIds?: ShowHideStrings;
+  showHideButtonDataTestIds?: ShowHideButtonStrings;
   ctaButton?: ReactNode;
   monospaced?: boolean;
   textSize?: TextSizes;
@@ -261,9 +261,9 @@ export const SessionInput = (props: Props) => {
     inputRef,
     inputDataTestId,
     id = 'session-input-floating-label',
-    enableShowHide,
+    enableShowHideButton,
-    showHideAriaLabels,
+    showHideButtonAriaLabels,
-    showHideDataTestIds,
+    showHideButtonDataTestIds,
     ctaButton,
     monospaced,
     textSize,
@@ -307,7 +307,7 @@ export const SessionInput = (props: Props) => {
     tabIndex,
     ref: inputRef,
     onChange: updateInputValue,
-    style: { paddingInlineEnd: enableShowHide ? '48px' : undefined },
+    style: { paddingInlineEnd: enableShowHideButton ? '48px' : undefined },
     // just in case onChange isn't triggered
     onBlur: (event: ChangeEvent<HTMLInputElement>) => {
       if (editable && !disableOnBlurEvent) {
@@ -377,15 +377,15 @@ export const SessionInput = (props: Props) => {
             aria-label={ariaLabel || 'session input'}
           />
         )}
-        {editable && enableShowHide && (
+        {editable && enableShowHideButton && (
           <ShowHideButton
             forceShow={forceShow}
             toggleForceShow={() => {
               setForceShow(!forceShow);
             }}
             error={Boolean(errorString)}
-            ariaLabels={showHideAriaLabels}
+            ariaLabels={showHideButtonAriaLabels}
-            dataTestIds={showHideDataTestIds}
+            dataTestIds={showHideButtonDataTestIds}
           />
         )}
       </StyledBorder>

ts/components/registration/stages/RestoreAccount.tsx

@@ -241,12 +241,12 @@ export const RestoreAccount = () => {
                   }}
                   onEnterPressed={recoverAndFetchDisplayName}
                   error={recoveryPasswordError}
-                  enableShowHide={true}
+                  enableShowHideButton={true}
-                  showHideAriaLabels={{
+                  showHideButtonAriaLabels={{
                     hide: 'Hide recovery password toggle',
                     show: 'Reveal recovery password toggle',
                   }}
-                  showHideDataTestIds={{
+                  showHideButtonDataTestIds={{
                     hide: 'hide-recovery-phrase-toggle',
                     show: 'reveal-recovery-phrase-toggle',
                   }}