diff --git a/.prettierrc.json b/.prettierrc.json
index f6b149f..7cac555 100644
--- a/.prettierrc.json
+++ b/.prettierrc.json
@@ -1,5 +1,5 @@
{
- "singleQuote": true,
- "arrowParens": "avoid",
- "printWidth": 100
-}
\ No newline at end of file
+ "singleQuote": true,
+ "arrowParens": "avoid",
+ "trailingComma": "all"
+}
diff --git a/app/[...all]/page.tsx b/app/[...all]/page.tsx
index 044dbe8..defd15b 100644
--- a/app/[...all]/page.tsx
+++ b/app/[...all]/page.tsx
@@ -1,11 +1,17 @@
import dynamic from 'next/dynamic';
+import { lists } from '../../mock';
const App = dynamic(() => import('../../components/AppShell'), {
ssr: false,
});
-export function generateStaticParams() {
- return [{ all: ['tabs', 'feed'] }];
+export async function generateStaticParams() {
+ return [
+ { all: ['feed'] },
+ { all: ['lists'] },
+ ...lists.map(list => ({ all: ['lists', list.id] })),
+ { all: ['settings'] },
+ ];
}
export default function Page() {
diff --git a/app/layout.tsx b/app/layout.tsx
index ef93351..37398e2 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -40,8 +40,16 @@ export default function RootLayout({
return (
{children}
-
-
+
+
);
}
diff --git a/components/AppShell.tsx b/components/AppShell.tsx
index edd9d5d..9cca69a 100644
--- a/components/AppShell.tsx
+++ b/components/AppShell.tsx
@@ -1,29 +1,29 @@
'use client';
import { IonApp, IonRouterOutlet, setupIonicReact } from '@ionic/react';
import { StatusBar, Style } from '@capacitor/status-bar';
-
import { IonReactRouter } from '@ionic/react-router';
-import { Redirect, Route } from 'react-router-dom';
+import { Route } from 'react-router-dom';
import Tabs from './pages/Tabs';
setupIonicReact({});
-window.matchMedia('(prefers-color-scheme: dark)').addListener(async status => {
- try {
- await StatusBar.setStyle({
- style: status.matches ? Style.Dark : Style.Light,
- });
- } catch {}
-});
+window
+ .matchMedia('(prefers-color-scheme: dark)')
+ .addEventListener('change', async status => {
+ try {
+ await StatusBar.setStyle({
+ style: status.matches ? Style.Dark : Style.Light,
+ });
+ } catch {}
+ });
const AppShell = () => {
return (
- } />
- } exact={true} />
+ } />
diff --git a/components/pages/Feed.tsx b/components/pages/Feed.tsx
index 2b5e952..0f130c3 100644
--- a/components/pages/Feed.tsx
+++ b/components/pages/Feed.tsx
@@ -25,22 +25,47 @@ type FeedCardProps = {
author: string;
authorAvatar: string;
image: string;
-}
+};
-const FeedCard = ({ title, type, text, author, authorAvatar, image }: FeedCardProps) => (
+const FeedCard = ({
+ title,
+ type,
+ text,
+ author,
+ authorAvatar,
+ image,
+}: FeedCardProps) => (
-
+
-
{type}
-
{title}
-
{text}
+
+ {type}
+
+
+ {title}
+
+
+ {text}
+
-
+
-
{author}
+
+ {author}
+
-
{children}
+
+ {children}
+