+14

source/pages/about_page.tsx

reviewed

··· 1 1 /* @jsx h */ 2 2 + import type { BrowserStorage } from '../hooks/use_browser_storage.ts'; 3 3 + import type { Settings } from '../utilities/settings.ts'; 4 4 + 2 5 import { Fragment, h } from 'preact'; 6 6 + import { useContext } from 'preact/hooks'; 7 7 + 8 8 + import Only from '../components/only.tsx'; 9 9 + import { StorageContext } from '../hooks/use_browser_storage.ts'; 3 10 4 11 export default function () { 12 12 + const storage = useContext<BrowserStorage<Settings>>(StorageContext); 13 13 + const { cache = { version: 0 } } = storage || {}; 14 14 + 5 15 return ( 6 16 <Fragment> 7 17 <h1>About Favioli</h1> 18 18 + <Only if={Boolean(cache?.version)}> 19 19 + <p>Version {cache?.version}</p> 20 20 + </Only> 21 21 + 8 22 <h2>What is Favioli?</h2> 9 23 <p> 10 24 Favioli is a tool for modifying website favicons (icons that represent

-1

source/pages/favicons_page.tsx

reviewed

··· 14 14 export interface FaviconsPageProps { 15 15 default?: boolean; 16 16 path?: string; 17 17 - storage?: BrowserStorage<Settings>; 18 17 save?: (e: Event) => void; 19 18 } 20 19

-1

source/pages/settings_page.tsx

reviewed

··· 15 15 default?: boolean; 16 16 path?: string; 17 17 save?: (e: Event) => void; 18 18 - storage?: BrowserStorage<Settings>; 19 18 } 20 19 21 20 const SettingsPage = ({ save }: SettingsProps) => {