Persist results to sessionStorage on all pages - prevents data loss on external link clicks

This commit is contained in:
root
2026-03-31 19:13:26 -05:00
parent 88e7bc9c30
commit 2b56d0c06b
8 changed files with 130 additions and 18 deletions

View File

@@ -1,4 +1,4 @@
import { useState } from 'react'
import { useState, useEffect } from 'react'
import { Lightbulb, Loader2, Sparkles } from 'lucide-react'
import { analyzeSong, type AnalyzeResponse } from '../lib/api'
import RecommendationCard from '../components/RecommendationCard'
@@ -9,10 +9,21 @@ export default function Analyze() {
const [title, setTitle] = useState('')
const [loading, setLoading] = useState(false)
const [error, setError] = useState('')
const [result, setResult] = useState<AnalyzeResponse | null>(null)
const [result, setResult] = useState<AnalyzeResponse | null>(() => {
try {
const saved = sessionStorage.getItem('vynl_analyze_results')
return saved ? JSON.parse(saved) : null
} catch { return null }
})
const [savingIds, setSavingIds] = useState<Set<string>>(new Set())
const [dislikingIds, setDislikingIds] = useState<Set<string>>(new Set())
useEffect(() => {
if (result) {
sessionStorage.setItem('vynl_analyze_results', JSON.stringify(result))
}
}, [result])
const handleAnalyze = async () => {
if (!artist.trim() || !title.trim()) return
setLoading(true)