refactor: Consolidate configuration management with Zustand store

This commit is contained in:
beilunyang
2025-03-01 10:29:50 +08:00
parent b1d898e298
commit ea7fd5490c
12 changed files with 110 additions and 129 deletions

View File

@@ -1,38 +0,0 @@
"use client"
import { useState, useEffect } from "react"
import { useToast } from "@/components/ui/use-toast"
export function useAdminContact() {
const [adminContact, setAdminContact] = useState("")
const [loading, setLoading] = useState(true)
const { toast } = useToast()
const fetchAdminContact = async () => {
try {
const res = await fetch("/api/admin-contact")
if (!res.ok) throw new Error("获取管理员联系方式失败")
const data = await res.json() as { adminContact: string }
setAdminContact(data.adminContact)
} catch (error) {
console.error(error)
toast({
title: "获取失败",
description: "获取管理员联系方式失败",
variant: "destructive"
})
} finally {
setLoading(false)
}
}
useEffect(() => {
fetchAdminContact()
}, [])
return {
adminContact,
loading,
refreshAdminContact: fetchAdminContact
}
}

62
app/hooks/use-config.ts Normal file
View File

@@ -0,0 +1,62 @@
"use client"
import { create } from "zustand"
import { Role, ROLES } from "@/lib/permissions"
import { EMAIL_CONFIG } from "@/config"
import { useEffect } from "react"
interface Config {
defaultRole: Exclude<Role, typeof ROLES.EMPEROR>
emailDomains: string
emailDomainsArray: string[]
adminContact: string
maxEmails: number
}
interface ConfigStore {
config: Config | null
loading: boolean
error: string | null
fetch: () => Promise<void>
}
const useConfigStore = create<ConfigStore>((set) => ({
config: null,
loading: false,
error: null,
fetch: async () => {
try {
set({ loading: true, error: null })
const res = await fetch("/api/config")
if (!res.ok) throw new Error("获取配置失败")
const data = await res.json() as Config
set({
config: {
defaultRole: data.defaultRole || ROLES.CIVILIAN,
emailDomains: data.emailDomains,
emailDomainsArray: data.emailDomains.split(','),
adminContact: data.adminContact || "",
maxEmails: Number(data.maxEmails) || EMAIL_CONFIG.MAX_ACTIVE_EMAILS
},
loading: false
})
} catch (error) {
set({
error: error instanceof Error ? error.message : "获取配置失败",
loading: false
})
}
}
}))
export function useConfig() {
const store = useConfigStore()
useEffect(() => {
if (!store.config && !store.loading) {
store.fetch()
}
}, [store.config, store.loading])
return store
}