feat:修复webcontainer部署时的header错误，修改默认头像 (xun082#97)

* fix: 修复webcontainer header错误 * feat: 修改默认头像
Vinnyaaaaa · Jul 31, 2024 · 9ecc91b · 9ecc91b
1 parent 76b3c90
commit 9ecc91b
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 31 deletions.
diff --git a/next.config.mjs b/next.config.mjs
@@ -23,19 +23,6 @@ const nextConfig = {
           },
         ],
       },
-      {
-        source: '/(.*)',
-        headers: [
-          {
-            key: 'Cross-Origin-Embedder-Policy',
-            value: '',
-          },
-          {
-            key: 'Cross-Origin-Opener-Policy',
-            value: '',
-          },
-        ],
-      },
     ];
   },
 };

diff --git a/public/kunkun.gif b/public/kunkun.gif
diff --git a/src/components/edit/header/index.tsx b/src/components/edit/header/index.tsx
@@ -17,7 +17,7 @@ interface HeaderProps {
   projectId: string;
 }
 
-export const Header: React.FC<HeaderProps> = ({ userInfo, projectId }) => {
+export const Header: React.FC<HeaderProps> = ({ projectId }) => {
   const [projectName, setProjectName] = useState('');
   useEffect(() => {
     const projectData = localStorage.getItem(projectId)
@@ -61,7 +61,7 @@ export const Header: React.FC<HeaderProps> = ({ userInfo, projectId }) => {
       </div>
       <div className="mr-4">
         <AvatarPopover>
-          <Avatar src={userInfo.imgurl} className=" flex h-[3.5vh] w-[3.5vh]" />
+          <Avatar src="/kunkun.gif" className=" flex h-[3.6vh] w-[3.6vh]" />
         </AvatarPopover>
       </div>
       <WebContainerProvider projectId={projectId}></WebContainerProvider>

diff --git a/src/components/main/header/index.tsx b/src/components/main/header/index.tsx
@@ -9,12 +9,12 @@ interface HeaderProps {}
 
 export const Header: React.FC<HeaderProps> = () => {
   return (
-    <header className="flex flex-row items-center w-[100vw] justify-between bg-transparent py-4 px-12 z-[999]">
+    <header className="flex flex-row items-center w-[100vw] justify-between bg-transparent py-4 px-12 pr-4 z-[999]">
       <Link className=" text-white font-bold" href="/">
         {PROJECT_Name}
       </Link>
       <AvatarPopover>
-        <Avatar className="flex h-[3.5vh] w-[3.5vh]" />
+        <Avatar src="/kunkun.gif" className="flex h-[3.5vh] w-[3.5vh]" />
       </AvatarPopover>
     </header>
   );

diff --git a/src/components/modals/create-project-modal/index.tsx b/src/components/modals/create-project-modal/index.tsx
@@ -122,6 +122,7 @@ export const CreateProjectModal = () => {
                   {Object.keys(templateList).map((item) => {
                     return (
                       <div
+                        key={item}
                         className=" flex w-full rounded-sm p-2 transition-all cursor-pointer hover:bg-black/80"
                         onClick={() => {
                           setUploadFileState(templateList[item].template);

diff --git a/vercel.json b/vercel.json
@@ -7,7 +7,7 @@
   },
   "headers": [
     {
-      "source": "/edit/(.*)",
+      "source": "/(.*)",
       "headers": [
         {
           "key": "Cross-Origin-Embedder-Policy",
@@ -18,19 +18,6 @@
           "value": "same-origin"
         }
       ]
-    },
-    {
-      "source": "/_next/static/(.*)",
-      "headers": [
-        {
-          "key": "Cross-Origin-Embedder-Policy",
-          "value": ""
-        },
-        {
-          "key": "Cross-Origin-Opener-Policy",
-          "value": ""
-        }
-      ]
     }
   ]
 }