hh

Author: gottasellemall69

components/Layout.js

@@ -71,9 +71,8 @@ export default function Layout( { children } ) {
   };
 
   useEffect( () => {
-    clearSlots();
     setIsSidebarOpen( false );
-  }, [ clearSlots, router.asPath ] );
+  }, [ router.asPath ] );
 
   return (
     <ShellSlotsContext.Provider value={ contextValue }>

pages/_app.js

@@ -20,12 +20,15 @@ function usePrevious( value ) {
 export default function App( { Component, pageProps, router } ) {
   let previousPathname = usePrevious( router.pathname );
   const getLayout = Component.getLayout ?? ( ( page ) => <Layout>{ page }</Layout> );
+  const shouldRenderSpeedInsights =
+    process.env.NEXT_PUBLIC_VERCEL_ENV === "production" ||
+    process.env.NEXT_PUBLIC_ENABLE_SPEED_INSIGHTS === "true";
 
   return getLayout(
     <CardProvider>
       <MarketPriceProvider>
         <Component previousPathname={ previousPathname } { ...pageProps } />
-        <SpeedInsights />
+        { shouldRenderSpeedInsights ? <SpeedInsights /> : null }
       </MarketPriceProvider>
     </CardProvider>
   );

pages/yugioh/my-collection.js

@@ -514,13 +514,10 @@ const MyCollection = ( { initialAuthState = false } ) => {
           unmatchedCount > 0
             ? `${ unmatchedCount } card${ unmatchedCount === 1 ? "" : "s" } in processed sets need manual review.`
             : "",
-        ].filter( Boolean ).join( " " );
+        ].filter( Boolean ).join( "\n" );
 
       await refreshCollection();
-      setNotification( {
-        show: true,
-        message: updateMessage,
-      } );
+      window.alert( updateMessage );
     } catch ( error ) {
       console.error( "Error updating card prices:", error );
       setNotification( { show: true, message: 'Failed to update card prices! Please try again!' } );

proxy.ts

@@ -12,6 +12,12 @@ const TOKEN_COOKIE = "token";
 const AUTH_USER_HEADER = "x-authenticated-user";
 const NONCE_HEADER = "x-nonce";
 const CSP_HEADER = "Content-Security-Policy";
+const STATIC_STYLE_HASHES = [
+  "'sha256-wOOlbQsHffPa/XeSzb/hyZtdNuMNE9EDJ9dYETiwQ80='",
+  "'sha256-C8S6dNMSWod6IgqRVGm5rD7fWajo34AG++yTnMbIeks='",
+  "'sha256-Z5XTK23DFuEMs0PwnyZDO9SWxemQ5HxcpVaBNuUJyWY='",
+  "'sha256-47DEQpj8HBSa+/TImW+5JCeuQeRkm5NMpJWZG3hSuFU='",
+];
 const isProduction = process.env.NODE_ENV === "production";
 const jwtSecret = process.env.JWT_SECRET;
 
@@ -25,15 +31,19 @@ const buildContentSecurityPolicy = ( nonce: string ): string => {
   const scriptSrcElem = isDev
     ? "'self' 'unsafe-inline' https://va.vercel-scripts.com"
     : `'self' 'nonce-${ nonce }' https://va.vercel-scripts.com`;
+  const staticStyleHashes = STATIC_STYLE_HASHES.join( " " );
   const styleSrc = isDev
     ? "'self' 'unsafe-inline'"
-    : `'self' 'nonce-${ nonce }'`;
+    : `'self' 'nonce-${ nonce }' ${ staticStyleHashes }`;
+  const styleSrcElem = isDev
+    ? "'self' 'unsafe-inline'"
+    : `'self' 'nonce-${ nonce }' ${ staticStyleHashes }`;
   const cspHeader = `
     default-src 'self';
     script-src ${ scriptSrc };
     script-src-elem ${ scriptSrcElem };
     style-src ${ styleSrc };
-    style-src-elem ${ styleSrc };
+    style-src-elem ${ styleSrcElem };
     style-src-attr 'unsafe-inline';
     img-src 'self' blob: data: https://images.ygoprodeck.com https://images.unsplash.com https://tailwindcss.com https://raw.githubusercontent.com;
     font-src 'self' data:;