Import fonts from assets package instead of local

department-of-veterans-affairs · Jan 5, 2024 · 4d58520 · 4d58520
1 parent 22801c0
commit 4d58520
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 2 deletions.
diff --git a/packages/components/.storybook/web/main.ts b/packages/components/.storybook/web/main.ts
@@ -1,3 +1,6 @@
+const path = require('path')
+const CopyPlugin = require('copy-webpack-plugin')
+
 module.exports = {
   stories: [
     '../../src/components/**/*.stories.mdx',
@@ -15,4 +18,18 @@ module.exports = {
   },
   framework: '@storybook/react',
   staticDirs: ['../../src/assets'],
+  webpackFinal: async (config) => {
+    config.plugins.push(
+      new CopyPlugin({
+        patterns: [
+          {
+            from: '../../node_modules/@department-of-veterans-affairs/mobile-assets/fonts',
+            to: 'fonts',
+          },
+        ],
+      }),
+    )
+
+    return config
+  },
 }
diff --git a/packages/components/src/App.tsx b/packages/components/src/App.tsx
@@ -40,8 +40,8 @@ export const webStorybookColorScheme = () => {
 const App = () => {
   // Loads in custom fonts async
   const [fontsLoaded, fontError] = useFonts({
-    'SourceSansPro-Bold': require('@department-of-veterans-affairs/va-mobile-assets/fonts/SourceSansPro/SourceSansPro-Bold.ttf'),
-    'SourceSansPro-Regular': require('@department-of-veterans-affairs/va-mobile-assets/fonts/SourceSansPro/SourceSansPro-Regular.ttf'),
+    'SourceSansPro-Bold': require('@department-of-veterans-affairs/mobile-assets/fonts/SourceSansPro/SourceSansPro-Bold.ttf'),
+    'SourceSansPro-Regular': require('@department-of-veterans-affairs/mobile-assets/fonts/SourceSansPro/SourceSansPro-Regular.ttf'),
   })
 
   // Holds rendering until custom fonts load