create-quadrokit 0.2.12 → 0.2.14

package/templates/admin-shell/src/components/AppShell.tsx

@@ -1,68 +0,0 @@
-import { ThemeToolbar } from '@quadrokit/ui'
-import { useTranslation } from 'react-i18next'
-import { Link, NavLink, Outlet } from 'react-router-dom'
-
-export function AppShell() {
-  const { t } = useTranslation()
-
-  return (
-    <div className="min-h-dvh bg-background text-foreground">
-      <div className="flex min-h-dvh">
-        <aside className="hidden w-56 shrink-0 border-r border-border bg-card/40 p-4 md:block">
-          <Link to="/" className="block text-lg font-semibold tracking-tight">
-            {t('app.title')}
-          </Link>
-          <nav className="mt-6 flex flex-col gap-2 text-sm text-muted-foreground">
-            <NavLink
-              to="/"
-              end
-              className={({ isActive }) =>
-                isActive ? 'font-medium text-foreground' : 'hover:text-foreground'
-              }
-            >
-              {t('app.nav_home')}
-            </NavLink>
-            <NavLink
-              to="/sample-data"
-              className={({ isActive }) =>
-                isActive ? 'font-medium text-foreground' : 'hover:text-foreground'
-              }
-            >
-              {t('app.nav_sample_data')}
-            </NavLink>
-          </nav>
-        </aside>
-        <div className="flex min-w-0 flex-1 flex-col">
-          <header className="border-b border-border bg-card/40 px-4 py-3 backdrop-blur md:hidden">
-            <div className="flex flex-wrap items-center justify-between gap-2">
-              <Link to="/" className="font-semibold">
-                {t('app.title')}
-              </Link>
-              <nav className="flex gap-3 text-sm text-muted-foreground">
-                <NavLink
-                  to="/"
-                  end
-                  className={({ isActive }) => (isActive ? 'text-foreground' : '')}
-                >
-                  {t('app.nav_home')}
-                </NavLink>
-                <NavLink
-                  to="/sample-data"
-                  className={({ isActive }) => (isActive ? 'text-foreground' : '')}
-                >
-                  {t('app.nav_sample_data')}
-                </NavLink>
-              </nav>
-            </div>
-          </header>
-          <div className="border-b border-border px-4 py-3">
-            <ThemeToolbar />
-          </div>
-          <main className="mx-auto w-full max-w-5xl flex-1 px-4 py-8">
-            <Outlet />
-          </main>
-        </div>
-      </div>
-    </div>
-  )
-}

package/templates/dashboard/src/components/AppShell.tsx

@@ -1,44 +0,0 @@
-import { ThemeToolbar } from '@quadrokit/ui'
-import { useTranslation } from 'react-i18next'
-import { Link, NavLink, Outlet } from 'react-router-dom'
-
-export function AppShell() {
-  const { t } = useTranslation()
-
-  return (
-    <div className="min-h-dvh bg-background text-foreground">
-      <header className="border-b border-border bg-card/40 backdrop-blur">
-        <div className="mx-auto flex max-w-5xl flex-col gap-3 px-4 py-4 sm:flex-row sm:items-center sm:justify-between">
-          <div className="flex items-center gap-6">
-            <Link to="/" className="text-lg font-semibold tracking-tight">
-              {t('app.title')}
-            </Link>
-            <nav className="flex gap-3 text-sm text-muted-foreground">
-              <NavLink
-                to="/"
-                end
-                className={({ isActive }) =>
-                  isActive ? 'font-medium text-foreground' : 'hover:text-foreground'
-                }
-              >
-                {t('app.nav_home')}
-              </NavLink>
-              <NavLink
-                to="/sample-data"
-                className={({ isActive }) =>
-                  isActive ? 'font-medium text-foreground' : 'hover:text-foreground'
-                }
-              >
-                {t('app.nav_sample_data')}
-              </NavLink>
-            </nav>
-          </div>
-          <ThemeToolbar />
-        </div>
-      </header>
-      <main className="mx-auto max-w-5xl px-4 py-8">
-        <Outlet />
-      </main>
-    </div>
-  )
-}

package/templates/ecommerce/src/components/AppShell.tsx

@@ -1,44 +0,0 @@
-import { ThemeToolbar } from '@quadrokit/ui'
-import { useTranslation } from 'react-i18next'
-import { Link, NavLink, Outlet } from 'react-router-dom'
-
-export function AppShell() {
-  const { t } = useTranslation()
-
-  return (
-    <div className="min-h-dvh bg-background text-foreground">
-      <header className="border-b border-border bg-card/40 backdrop-blur">
-        <div className="mx-auto flex max-w-5xl flex-col gap-3 px-4 py-4 sm:flex-row sm:items-center sm:justify-between">
-          <div className="flex items-center gap-6">
-            <Link to="/" className="text-lg font-semibold tracking-tight">
-              {t('app.title')}
-            </Link>
-            <nav className="flex gap-3 text-sm text-muted-foreground">
-              <NavLink
-                to="/"
-                end
-                className={({ isActive }) =>
-                  isActive ? 'font-medium text-foreground' : 'hover:text-foreground'
-                }
-              >
-                {t('app.nav_home')}
-              </NavLink>
-              <NavLink
-                to="/sample-data"
-                className={({ isActive }) =>
-                  isActive ? 'font-medium text-foreground' : 'hover:text-foreground'
-                }
-              >
-                {t('app.nav_sample_data')}
-              </NavLink>
-            </nav>
-          </div>
-          <ThemeToolbar />
-        </div>
-      </header>
-      <main className="mx-auto max-w-5xl px-4 py-8">
-        <Outlet />
-      </main>
-    </div>
-  )
-}

package/templates/website/src/components/AppShell.tsx

@@ -1,44 +0,0 @@
-import { ThemeToolbar } from '@quadrokit/ui'
-import { useTranslation } from 'react-i18next'
-import { Link, NavLink, Outlet } from 'react-router-dom'
-
-export function AppShell() {
-  const { t } = useTranslation()
-
-  return (
-    <div className="min-h-dvh bg-background text-foreground">
-      <header className="border-b border-border bg-card/40 backdrop-blur">
-        <div className="mx-auto flex max-w-5xl flex-col gap-3 px-4 py-4 sm:flex-row sm:items-center sm:justify-between">
-          <div className="flex items-center gap-6">
-            <Link to="/" className="text-lg font-semibold tracking-tight">
-              {t('app.title')}
-            </Link>
-            <nav className="flex gap-3 text-sm text-muted-foreground">
-              <NavLink
-                to="/"
-                end
-                className={({ isActive }) =>
-                  isActive ? 'font-medium text-foreground' : 'hover:text-foreground'
-                }
-              >
-                {t('app.nav_home')}
-              </NavLink>
-              <NavLink
-                to="/sample-data"
-                className={({ isActive }) =>
-                  isActive ? 'font-medium text-foreground' : 'hover:text-foreground'
-                }
-              >
-                {t('app.nav_sample_data')}
-              </NavLink>
-            </nav>
-          </div>
-          <ThemeToolbar />
-        </div>
-      </header>
-      <main className="mx-auto max-w-5xl px-4 py-8">
-        <Outlet />
-      </main>
-    </div>
-  )
-}