refactor

penpot · Apr 30, 2024 · 864aa11 · 864aa11
1 parent a57e0ac
commit 864aa11
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/ui-src/MissingFontsSection.tsx b/ui-src/MissingFontsSection.tsx
@@ -1,20 +1,20 @@
 type MissingFontsSectionProps = {
-  missingFonts?: string[];
+  fonts?: string[];
 };
 
-export const MissingFontsSection = ({ missingFonts }: MissingFontsSectionProps) => {
-  if (missingFonts === undefined || !missingFonts.length) return;
+export const MissingFontsSection = ({ fonts }: MissingFontsSectionProps) => {
+  if (fonts === undefined || !fonts.length) return;
 
   return (
     <section>
       <div id="missing-fonts">
-        {missingFonts.length} missing font
-        {missingFonts.length > 1 ? 's' : ''}:{' '}
+        {fonts.length} missing font
+        {fonts.length > 1 ? 's' : ''}:{' '}
       </div>
       <small>Ensure fonts are installed in Penpot before exporting.</small>
       <div id="missing-fonts-list">
         <ul>
-          {Array.from(missingFonts).map(font => (
+          {Array.from(fonts).map(font => (
             <li key={font}>{font}</li>
           ))}
         </ul>

diff --git a/ui-src/PenpotExporter.tsx b/ui-src/PenpotExporter.tsx
@@ -53,7 +53,7 @@ export const PenpotExporter = () => {
         <h2>Penpot Exporter</h2>
       </header>
       <Loader loading={!pluginReady} />
-      <MissingFontsSection missingFonts={missingFonts} />
+      <MissingFontsSection fonts={missingFonts} />
       <footer>
         <button className="brand" disabled={exporting || !pluginReady} onClick={exportPenpot}>
           {exporting ? 'Exporting...' : 'Export to Penpot'}