feat(fs.dev): Logo changes in line with themes

packages/freesewing.dev/pages/index.js

@@ -1,29 +1,12 @@
 import Page from 'shared/components/wrappers/page.js'
 import useApp from 'site/hooks/useApp.js'
-import ThemePicker from 'shared/components/theme-picker.js'
-import Popout from 'shared/components/popout'
 import Logo from 'shared/components/logos/freesewing.js'
 
 export default (props) => {
   const app = useApp()
   return (
-    <Page app={app} title='This is not a homepage'>
-      <Logo size={400} theme={app.theme} />
-    <Popout {...props} fixme>test</Popout>
-    <Popout {...props} link>test</Popout>
-    <Popout {...props} note>test</Popout>
-    <Popout {...props} related>test</Popout>
-    <Popout {...props} tip>test</Popout>
-    <Popout {...props} warning>test</Popout>
-      <pre>{JSON.stringify(Object.keys(app.navigation.reference), null, 2)}</pre>
-      <p className='px-8'>
-        <button
-          className='btn btn-primary'
-          onClick={() => app.theme === 'dark' ? app.setTheme('light') : app.setTheme('dark')}
-        >Toggle</button>
-      </p>
-      <ThemePicker app={app} />
-
+    <Page app={app} title='FIXME: Create homepage content'>
+      <Logo size={200} theme={app.theme}/>
     </Page>
   )
 }

packages/freesewing.shared/components/navigation/primary.js

@@ -2,7 +2,7 @@ import get from 'lodash.get'
 import Icon from 'shared/components/icon/index.js'
 import Link from 'next/link'
 import orderBy from 'lodash.orderby'
-import Logo from '@freesewing/components/Logo'
+import Logo from 'shared/components/logos/freesewing.js'
 import ThemePicker from 'shared/components/theme-picker.js'
 import { getTagline } from 'site/utils.js'
 
@@ -100,7 +100,7 @@ const TopLogo = ({ app }) => (
     p-2
     text-base-content
   `}>
-    <Logo size={32} />
+    <Logo size={32} theme={app.theme} />
     <div>
     <Link href='/'>
       <a className={`grow ${linkClasses}`}>