Update Figma images

.github/workflows/getFigmaImages.yml

@@ -35,6 +35,7 @@ jobs:
         run: |
           git config --global user.name 'Figma Images Action'
           git config --global user.email '[email protected]'
+          rm ${{env.ImageUrlFile}}
           git add -A ${{env.ImageOutputDir}}
           git commit -m "Update Figma images"
           git push

package.json

@@ -5,12 +5,13 @@
   "scripts": {
     "start": "gatsby develop",
     "clean": "gatsby clean",
-    "build": "gatsby build",
+    "build": "npm run copy:figma-images && gatsby build",
     "serve": "gatsby serve",
-    "build:preview": "gatsby build",
+    "build:preview": "npm run copy:figma-images && gatsby build",
     "now-build": "yarn build",
     "lint": "eslint .",
-    "markdownlint": "markdownlint-cli2 \"**/*.{md,mdx}\" \"!.github\" \"!node_modules\""
+    "markdownlint": "markdownlint-cli2 \"**/*.{md,mdx}\" \"!.github\" \"!node_modules\"",
+    "copy:figma-images": "mkdir -p public/images && cp -r content/images/figma public/images"
   },
   "dependencies": {
     "@github/prettier-config": "^0.0.6",

src/components/figma-image.tsx

@@ -7,7 +7,7 @@ type FigmaImageProps = React.ImgHTMLAttributes<HTMLImageElement> & {
   caption?: string
 }
 
-const FigmaImageDir = 'content/images/figma';
+const FigmaImageDir = 'public/images/figma';
 
 export const FigmaImage: React.FC<FigmaImageProps> = ({src, caption, ...props}) => {
   // check for missing prop