a11y addon: Reverse help and description content in Accordion

abue9 · Jul 2, 2021 · cad1bf7 · cad1bf7
1 parent 051a42e
commit cad1bf7
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/addons/a11y/src/components/Report/Info.tsx b/addons/a11y/src/components/Report/Info.tsx
@@ -7,7 +7,7 @@ const Wrapper = styled.div({
   padding: 12,
   marginBottom: 10,
 });
-const Help = styled.p({
+const Description = styled.p({
   margin: '0 0 12px',
 });
 const Link = styled.a({
@@ -24,7 +24,7 @@ interface InfoProps {
 export const Info: FunctionComponent<InfoProps> = ({ item }) => {
   return (
     <Wrapper>
-      <Help>{item.help}</Help>
+      <Description>{item.description}</Description>
       <Link href={item.helpUrl} target="_blank">
         More info...
       </Link>

diff --git a/addons/a11y/src/components/Report/Item.tsx b/addons/a11y/src/components/Report/Item.tsx
@@ -82,7 +82,7 @@ export const Item = (props: ItemProps) => {
               transform: `rotate(${open ? 0 : -90}deg)`,
             }}
           />
-          {item.description}
+          {item.help}
         </HeaderBar>
         <HighlightToggleElement>
           <HighlightToggle toggleId={highlightToggleId} elementsToHighlight={item.nodes} />