sometimes simpler is better; back to spa design

2024-03-11 22:19:02 -07:00
parent 8b6a760d91
commit e7f70b4c02
102 changed files with 28 additions and 1171 deletions
@@ -0,0 +1,44 @@
+/** @jsxImportSource @emotion/react */
+
+import '/styles/styles.css'
+
+import RadixThemesColorModeProvider from "/components/reflex/radix_themes_color_mode_provider.js"
+import { Theme as RadixThemesTheme } from "@radix-ui/themes"
+import "@radix-ui/themes/styles.css"
+import theme from "/utils/theme.js"
+import { Fragment } from "react"
+
+
+import { EventLoopProvider, StateProvider, defaultColorMode } from "/utils/context.js";
+import { ThemeProvider } from 'next-themes'
+
+
+
+function AppWrap({children}) {
+
+
+  return (
+    <RadixThemesColorModeProvider>
+  <RadixThemesTheme accentColor={`blue`} css={{...theme.styles.global[':root'], ...theme.styles.global.body}}>
+  <Fragment>
+  {children}
+</Fragment>
+</RadixThemesTheme>
+</RadixThemesColorModeProvider>
+  )
+}
+
+export default function MyApp({ Component, pageProps }) {
+  return (
+    <ThemeProvider defaultTheme={ defaultColorMode } storageKey="chakra-ui-color-mode" attribute="class">
+      <AppWrap>
+        <StateProvider>
+          <EventLoopProvider>
+            <Component {...pageProps} />
+          </EventLoopProvider>
+        </StateProvider>
+      </AppWrap>
+    </ThemeProvider>
+  );
+}
+