add fetch toast

src/config/index.tsx

@@ -9,6 +9,9 @@ const { NODE_ENV } = process.env
 
 export const isDev = NODE_ENV === 'development'
 
+// update を促したい時に使う
+export const featcherVersion = 1
+
 export const events: Event[] = [
 	{ id: '2023winter', label: '2023冬', current: true },
 	{ id: '2023obon', label: '2023盆' },

src/hooks/useSongDb.tsx

@@ -5,13 +5,14 @@ import {
 	useEffect,
 	useState,
 } from 'react'
+import { toast } from 'react-toastify'
 import {
 	incSongBookCount,
 	readSong,
 	saveSongBg,
 	watchHistSong,
 } from '../service/firebase'
-import { currentEvent } from '../config'
+import { currentEvent, featcherVersion } from '../config'
 import { HistoryRaw, Song } from '../types'
 import { formatCount } from '../util'
 import { useQeuryEid } from './useQueryEid'
@@ -44,6 +45,12 @@ export function useSongDb(online = true) {
 			song.wordCountsAna = [...wordCountsAna].sort((a, b) => a.count - b.count)
 
 			setSong(song)
+			if (song.frontVersion && song.frontVersion.ver > featcherVersion) {
+				const { msg } = song.frontVersion
+				setTimeout(() => {
+					toast.info(msg, { autoClose: false })
+				}, 1000)
+			}
 			checkHit(song.icy + ' _ ' + song.animeTitle || '')
 			setLoaded(true)
 		})

src/types/index.ts

@@ -19,6 +19,7 @@ export type SongMiss = {
 	wordCounts: Record<string, number>
 	wordCountsAna: { name: string; label: string; count: number }[]
 	imageSearchWord: string
+	frontVersion?: { ver: number; msg: string }
 	hedwig?: string
 }