feat:新增 r2 bucket管理模块

.env.development

@@ -1,2 +1,3 @@
-#  NEXT_PUBLIC_API_URL=http://127.0.0.1:4000
-NEXT_PUBLIC_API_URL=https://nest-api-service.vercel.app
+NEXT_PUBLIC_API_URL=http://127.0.0.1:4000
+# NEXT_PUBLIC_API_URL=https://nest-api-service.vercel.app
+NEXT_PUBLIC_CLOUDFARE_R2_URL=https://resource.jweboy.asia/

.env.production

@@ -1 +1,2 @@
-NEXT_PUBLIC_API_URL=https://nest-api-service.vercel.app
+NEXT_PUBLIC_API_URL=https://nest-api-service.vercel.app
+NEXT_PUBLIC_CLOUDFARE_R2_URL=https://resource.jweboy.asia/

app/dashboard/layout.tsx

@@ -5,6 +5,7 @@ import Link from "next/link";
 import {
   Coins,
   File,
+  FilesIcon,
   Home,
   LineChart,
   ListFilter,
@@ -17,6 +18,7 @@ import {
   Settings,
   ShoppingCart,
   Users2,
+  Video,
 } from "lucide-react";
 
 import { Badge } from "@/components/ui/badge";
@@ -70,12 +72,15 @@ function Dashboard({ children }: BaseComponentProps) {
     <SWRConfig
       value={{
         fetcher: (resource, init) => {
-          return fetch(process.env.NEXT_PUBLIC_API_URL + resource, init).then(
-            async (res) => {
-              const data = await res.json();
-              return data?.data;
-            }
-          );
+          return fetch(
+            /(http|https):\/\/\S*/.test(process.env.NEXT_PUBLIC_API_URL)
+              ? resource
+              : process.env.NEXT_PUBLIC_API_URL + resource,
+            init
+          ).then(async (res) => {
+            const data = await res.json();
+            return data?.data;
+          });
         },
       }}
     >
@@ -126,6 +131,18 @@ function Dashboard({ children }: BaseComponentProps) {
                 </TooltipTrigger>
                 <TooltipContent side="right">Product</TooltipContent>
               </Tooltip>
+              <Tooltip>
+                <TooltipTrigger asChild>
+                  <Link
+                    href="/dashboard/r2"
+                    className="flex h-9 w-9 items-center justify-center rounded-lg bg-accent text-accent-foreground transition-colors hover:text-foreground md:h-8 md:w-8"
+                  >
+                    <FilesIcon className="h-5 w-5" />
+                    <span className="sr-only">R2</span>
+                  </Link>
+                </TooltipTrigger>
+                <TooltipContent side="right">R2</TooltipContent>
+              </Tooltip>
               <Tooltip>
                 <TooltipTrigger asChild>
                   <Link
@@ -138,6 +155,18 @@ function Dashboard({ children }: BaseComponentProps) {
                 </TooltipTrigger>
                 <TooltipContent side="right">Cropto token</TooltipContent>
               </Tooltip>
+              <Tooltip>
+                <TooltipTrigger asChild>
+                  <Link
+                    href="/dashboard/media"
+                    className="flex h-9 w-9 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:text-foreground md:h-8 md:w-8"
+                  >
+                    <Video className="h-5 w-5" />
+                    <span className="sr-only">Media</span>
+                  </Link>
+                </TooltipTrigger>
+                <TooltipContent side="right">Media editor</TooltipContent>
+              </Tooltip>
             </nav>
             <nav className="mt-auto flex flex-col items-center gap-4 px-2 py-4">
               <Tooltip>