Soverein/sanasto-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

formatting

Browse Source
This commit is contained in:
Nathan Chapman
2024-02-27 11:17:36 -06:00
parent fb6f86c563
commit 785aa9a7c6
4 changed files with 13 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/[...all]/page.tsx
+1 -1
View File
@@ -5,7 +5,7 @@ const App = dynamic(() => import('../../components/AppShell'), {
}); });
export function generateStaticParams() { export function generateStaticParams() {
return [{ all: ['tabs', 'feed'] }] return [{ all: ['tabs', 'feed'] }];
} }
export default function Page() { export default function Page() {
app/layout.tsx
+7 -12
View File
@@ -1,4 +1,4 @@
import type { Metadata, Viewport } from "next"; import type { Metadata, Viewport } from 'next';
import Script from 'next/script'; import Script from 'next/script';
import 'tailwindcss/tailwind.css'; import 'tailwindcss/tailwind.css';
@@ -22,15 +22,15 @@ import '../styles/global.css';
import '../styles/variables.css'; import '../styles/variables.css';
export const metadata: Metadata = { export const metadata: Metadata = {
title: "Create Next App", title: 'Create Next App',
description: "Generated by create next app", description: 'Generated by create next app',
}; };
export const viewport: Viewport = { export const viewport: Viewport = {
initialScale: 1, initialScale: 1,
width: 'device-width', width: 'device-width',
viewportFit: 'cover' viewportFit: 'cover',
} };
export default function RootLayout({ export default function RootLayout({
children, children,
@@ -39,14 +39,9 @@ export default function RootLayout({
}>) { }>) {
return ( return (
<html lang="en"> <html lang="en">
<Script
type="module"
src="https://unpkg.com/ionicons@5.2.3/dist/ionicons/ionicons.esm.js"
></Script>
<Script noModule src="https://unpkg.com/ionicons@5.2.3/dist/ionicons/ionicons.js"></Script>
<body>{children}</body> <body>{children}</body>
<Script type="module" src="https://unpkg.com/ionicons@5.2.3/dist/ionicons/ionicons.esm.js" />
<Script noModule src="https://unpkg.com/ionicons@5.2.3/dist/ionicons/ionicons.js" />
</html> </html>
); );
} }
components/AppShell.tsx
+3 -8
View File
@@ -1,20 +1,15 @@
'use client' 'use client';
import { IonApp, IonLabel, IonRouterOutlet, setupIonicReact, IonTabs, IonTabBar, IonTabButton, IonIcon } from '@ionic/react'; import { IonApp, IonRouterOutlet, setupIonicReact } from '@ionic/react';
import { cog, flash, list } from 'ionicons/icons';
import { StatusBar, Style } from '@capacitor/status-bar'; import { StatusBar, Style } from '@capacitor/status-bar';
import { IonReactRouter } from '@ionic/react-router'; import { IonReactRouter } from '@ionic/react-router';
import { Redirect, Route } from 'react-router-dom'; import { Redirect, Route } from 'react-router-dom';
import Feed from './pages/Feed';
import Lists from './pages/Lists';
import ListDetail from './pages/ListDetail';
import Settings from './pages/Settings';
import Tabs from './pages/Tabs'; import Tabs from './pages/Tabs';
setupIonicReact({}); setupIonicReact({});
window.matchMedia("(prefers-color-scheme: dark)").addListener(async (status) => { window.matchMedia('(prefers-color-scheme: dark)').addListener(async status => {
try { try {
await StatusBar.setStyle({ await StatusBar.setStyle({
style: status.matches ? Style.Dark : Style.Light, style: status.matches ? Style.Dark : Style.Light,