Add missing style files to RootLayout (#300)

GlobalStyle and ResponsiveSpacingStyle have been lost during v7 update
vivid-planet · Jul 15, 2024 · 7d8410f · 7d8410f
1 parent f8265d3
commit 7d8410f
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/site/src/app/layout.tsx b/site/src/app/layout.tsx
@@ -1,19 +1,22 @@
+import { GlobalStyle } from "@src/layout/GlobalStyle";
+import { ResponsiveSpacingStyle } from "@src/util/ResponsiveSpacingStyle";
 import StyledComponentsRegistry from "@src/util/StyledComponentsRegistry";
 import type { Metadata } from "next";
+import { ReactNode } from "react";
 
 export const metadata: Metadata = {
     title: "Comet Starter",
 };
 
-export default function RootLayout({
-    children,
-}: Readonly<{
-    children: React.ReactNode;
-}>) {
+export default function RootLayout({ children }: Readonly<{ children: ReactNode }>) {
     return (
         <html>
             <body>
-                <StyledComponentsRegistry>{children}</StyledComponentsRegistry>
+                <StyledComponentsRegistry>
+                    <GlobalStyle />
+                    <ResponsiveSpacingStyle />
+                    {children}
+                </StyledComponentsRegistry>
             </body>
         </html>
     );

diff --git a/site/src/util/ResponsiveSpacingStyle.ts b/site/src/util/ResponsiveSpacingStyle.ts
@@ -1,3 +1,4 @@
+"use client";
 import { createGlobalStyle } from "styled-components";
 
 const ResponsiveSpacingStyle = createGlobalStyle`