Update naming

yext · Oct 29, 2021 · 7ecf337 · 7ecf337
1 parent ab97030
commit 7ecf337
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 10 deletions.
diff --git a/sample-app/src/components/InputDropdown.tsx b/sample-app/src/components/InputDropdown.tsx
@@ -156,8 +156,8 @@ export default function InputDropdown({
           instructionsId={screenReaderInstructionsId}
           instructions={screenReaderInstructions}
           shouldCount={shouldAutocompleteCount}
-          countKey={countKey}
-          countText={countKey ?
+          announcementKey={countKey}
+          announcementText={countKey ?
             processTranslation({
               phrase: `${options.length} autocomplete option found.`,
               pluralForm: `${options.length} autocomplete options found.`,

diff --git a/sample-app/src/components/ScreenReader.tsx b/sample-app/src/components/ScreenReader.tsx
@@ -4,16 +4,16 @@ interface Props {
   instructionsId?: string,
   instructions?: string,
   shouldCount: boolean,
-  countKey?: number,
-  countText?: string
+  announcementKey?: number,
+  announcementText?: string
 }
 
 export default function ScreenReader({
   instructionsId,
   instructions,
   shouldCount,
-  countKey,
-  countText,
+  announcementKey,
+  announcementText,
 }: Props): JSX.Element | null {
 
   return (
@@ -28,11 +28,11 @@ export default function ScreenReader({
       }
       {shouldCount &&
         <div
-          className='ScreenReader__count'
-          key={countKey}
+          className='ScreenReader__announcementText'
+          key={announcementKey}
           aria-live='assertive'
         >
-          {countText}
+          {announcementText}
         </div>
       }
     </>

diff --git a/sample-app/src/sass/ScreenReader.scss b/sample-app/src/sass/ScreenReader.scss
@@ -3,7 +3,7 @@
     display: none;
   }
 
-  &__count {
+  &__announcementText {
     position: absolute;
     width: 1px;
     height: 1px;