Persist results to sessionStorage on all pages - prevents data loss on external link clicks
This commit is contained in:
@@ -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)
|
||||
|
||||
Reference in New Issue
Block a user