feat: update design with Shadcn UI

components.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.js",
+    "css": "src/styles/tailwind.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "iconLibrary": "lucide",
+  "rtl": false,
+  "aliases": {
+    "components": "~/components",
+    "utils": "~/lib/utils",
+    "ui": "~/components/shadcn",
+    "lib": "~/lib",
+    "hooks": "~/hooks"
+  },
+  "registries": {}
+}

docs/changelog/2023-05-12-may-update.mdx

@@ -43,5 +43,3 @@ One of the most asked for features is being able to copy a list of mods into dif
 We're thrilled to introduce a new member of the Moddermore team, [Skye](https://skye.vg/)! Skye is a talented web developer and designer who has been working with me (Ryan) to improve the user experience visual identity of Moddermore. She has already made significant contributions, including writing most of the Prism Launcher export functionality and designing the new M+ icon and wordmark that we’ve already introduced. Skye’s experience in design and user experience will be invaluable as we continue to improve and expand Moddermore's functionality.
 
 Also, big thanks to [Devin](https://intergrav.github.io/) who helped edit this changelog post before its publication :p
-
-<DonationMessage />

next.config.ts

@@ -59,7 +59,7 @@ const nextConfig: NextConfig = withBundleAnalyzer({
   },
 
   experimental: {
-    optimizePackageImports: ["lucide-react", "@tremor/react", "date-fns"],
+    optimizePackageImports: ["lucide-react", "date-fns"],
   },
 
   // eslint-disable-next-line @typescript-eslint/require-await
@@ -77,6 +77,7 @@ const nextConfig: NextConfig = withBundleAnalyzer({
       ...[
         "/(lists|likes|account|new)",
         "/new/(.*)",
+        "/list/new/(.*)",
         "/auth/(.*)",
         "/api/(.*)",
         "/list/:id/analytics",
@@ -103,7 +104,7 @@ const nextConfig: NextConfig = withBundleAnalyzer({
       },
       {
         source: "/new/polymc",
-        destination: "/new/prism",
+        destination: "/lists/new/prism",
         permanent: true,
       },
       {
@@ -121,6 +122,11 @@ const nextConfig: NextConfig = withBundleAnalyzer({
         destination: "/changelog/:match*",
         permanent: false,
       },
+      {
+        source: "/new/:match*",
+        destination: "/lists/new/:match*",
+        permanent: false,
+      },
     ];
   },
 

package.json

@@ -12,13 +12,27 @@
     "utils:minecraftVersions": "node scripts/updateVersions.js"
   },
   "dependencies": {
+    "@base-ui/react": "^1.2.0",
     "@iarna/toml": "^2.2.5",
     "@next-auth/mongodb-adapter": "^1.1.3",
+    "@radix-ui/react-accordion": "^1.2.12",
+    "@radix-ui/react-alert-dialog": "^1.1.15",
+    "@radix-ui/react-avatar": "^1.1.11",
+    "@radix-ui/react-checkbox": "^1.3.3",
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-dropdown-menu": "^2.1.16",
-    "@tremor/react": "^3.18.7",
+    "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-navigation-menu": "^1.2.14",
+    "@radix-ui/react-progress": "^1.1.8",
+    "@radix-ui/react-scroll-area": "^1.2.10",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.8",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-tooltip": "^1.2.8",
     "@vercel/analytics": "^1.6.1",
+    "@vercel/speed-insights": "^1.3.1",
     "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
     "fast-xml-parser": "^5.4.1",
     "file-saver": "^2.0.5",
@@ -29,12 +43,13 @@
     "next-auth": "^4.24.13",
     "next-mdx-remote": "^6.0.0",
     "next-themes": "^0.4.6",
-    "nextjs-progressbar": "^0.0.16",
+    "radix-ui": "^1.4.3",
     "react": "19.2.4",
     "react-dom": "19.2.4",
-    "react-hot-toast": "^2.6.0",
     "react-markdown": "^10.1.0",
+    "sonner": "^2.0.7",
     "tailwind-merge": "^3.5.0",
+    "tailwindcss-animate": "^1.0.7",
     "valibot": "1.2.0"
   },
   "devDependencies": {