Fix generated icons

christianvuerings · Sep 21, 2021 · 71faa1d · 71faa1d
1 parent f68b8b7
commit 71faa1d
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/docs/pages/icon.js b/docs/pages/icon.js
@@ -65,7 +65,7 @@ export default function IconPage({ generatedDocGen }: {| generatedDocGen: DocGen
             defaultCode={`
   <Flex gap={2}>
     <Icon icon="sound" accessibilityLabel="" color="darkGray" />
-    <Text size="ls" weight="bold">24 monthly views</Text>
+    <Text size="lg" weight="bold">24 monthly views</Text>
   </Flex>`}
           />
           <MainSection.Card
@@ -197,7 +197,14 @@ Use Button to allow users to take an action.
 }
 
 export async function getStaticProps(): Promise<{| props: {| generatedDocGen: DocGen |} |}> {
+  const generatedDocGen = await docgen('Icon');
+  if (generatedDocGen?.props?.icon?.flowType) {
+    generatedDocGen.props.icon.flowType = {
+      name: 'union',
+      raw: (Icon?.icons ?? []).map((icon) => `'${icon}'`).join(' | '),
+    };
+  }
   return {
-    props: { generatedDocGen: await docgen('Icon') },
+    props: { generatedDocGen },
   };
 }