动态组件模式调整

themes/starter/components/Header.js

@@ -86,6 +86,11 @@ export const Header = props => {
                       </div>
                     </SignedOut>
                     <SignedIn>
+                      <Link
+                        href='/dashboard'
+                        className='bg-black hover:bg-gray-900 text-white py-2 px-4 rounded-lg '>
+                        Dashboard
+                      </Link>
                       <UserButton />
                     </SignedIn>
                   </>

themes/theme.js

@@ -38,6 +38,16 @@ export const getGlobalLayoutByTheme = themeQuery => {
   }
 }
 
+/**
+ * 动态获取布局
+ * @param {*} props
+ */
+export const DynamicLayout = props => {
+  const { router, theme } = props
+  const SelectedLayout = getLayoutByTheme({ router, theme })
+  return <SelectedLayout {...props} />
+}
+
 /**
  * 加载主题文件
  * 如果是