Upgrade to gatsby-plugin-material-symbols

Move away from react-material-symbols
RYRY1002 · Mar 1, 2025 · a5c30b6 · a5c30b6
1 parent 15087a9
commit a5c30b6
Show file tree

Hide file tree

Showing 17 changed files with 786 additions and 70 deletions.
diff --git a/font-preload-cache.json b/font-preload-cache.json
diff --git a/gatsby-config.mjs b/gatsby-config.mjs
@@ -160,6 +160,11 @@ const config = {
           quality: 85
         }
       }
+    }, {
+      resolve: "gatsby-plugin-material-symbols",
+      options: {
+        verbose: true
+      }
     }, {
       resolve: "gatsby-plugin-posthog",
       options: {

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -54,6 +54,7 @@
     "gatsby": "^5.14.1",
     "gatsby-plugin-image": "^3.14.0",
     "gatsby-plugin-manifest": "^5.14.0",
+    "gatsby-plugin-material-symbols": "^1.0.3",
     "gatsby-plugin-mdx": "^5.14.0",
     "gatsby-plugin-nprogress": "^5.14.0",
     "gatsby-plugin-postcss": "^6.14.0",
@@ -78,7 +79,6 @@
     "react-csv": "^2.2.2",
     "react-dom": "^18.3.1",
     "react-hook-form": "^7.54.2",
-    "react-material-symbols": "^4.4.0",
     "react-resizable-panels": "^2.1.7",
     "recharts": "^2.15.1",
     "remark-gfm": "^3.0.1",

diff --git a/posts/markdown.mdx b/posts/markdown.mdx
@@ -236,8 +236,6 @@ Here's an example of a chart added to a markdown file:
 import { CartesianGrid, XAxis, YAxis, Rectangle, ReferenceLine, Label } from "recharts";
 import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card";
 import { ChartConfig, ChartContainer, ChartTooltip, ChartTooltipContent } from "@/components/ui/chart";
-import { MaterialSymbol } from "react-material-symbols";
-import "react-material-symbols/outlined";
 
 import { Area, AreaChart } from "recharts";
 export function BedStatFullscreen() {