JoshS/nyvora.app
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update page.tsx

Browse source 
im autism
This commit is contained in:
Legend 2024-05-17 22:28:01 -06:00 • committed by GitHub
parent 4db6da1ad5
commit e0328a6428
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 13 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/app/page.tsx
View file

@ -10,7 +10,19 @@ import store from 'store2'
export default function Home() { export default function Home() {
const router = useRouter() const router = useRouter()
const [shortcuts, setShortcuts] = useState<Item[]>([]) const [shortcuts, setShortcuts] = useState<Item[]>([])
const [splashText, setSplashText] = useState<string>('')
useEffect(() => { useEffect(() => {
// Fetch splash text from JSON file
fetch('/splash.json')
.then(response => response.json())
.then(data => {
const randomIndex = Math.floor(Math.random() * data.length);
setSplashText(data[randomIndex].sp);
})
.catch(error => console.error('Error fetching splash text:', error));
// Fetch shortcuts from local storage
store.set('shortcuts', [], false) store.set('shortcuts', [], false)
const data: Item[] = store('shortcuts') const data: Item[] = store('shortcuts')
setShortcuts(data) setShortcuts(data)
@ -36,6 +48,7 @@ export default function Home() {
<Search className="h-4 w-4 text-muted-foreground absolute top-1/2 -translate-y-1/2 left-3" /> <Search className="h-4 w-4 text-muted-foreground absolute top-1/2 -translate-y-1/2 left-3" />
</div> </div>
</div> </div>
<p className="text-xl font-medium">{splashText}</p>
{shortcuts.length > 0 && ( {shortcuts.length > 0 && (
<div className="py-2 flex flex-wrap gap-2 justify-center"> <div className="py-2 flex flex-wrap gap-2 justify-center">
{shortcuts.map((shortcut: Item) => { {shortcuts.map((shortcut: Item) => {