fix(build): rename useSettings.js -> useSettings.jsx (contains JSX, Vite requires .jsx extension)
This commit is contained in:
36
client/src/hooks/useSettings.jsx
Normal file
36
client/src/hooks/useSettings.jsx
Normal file
@@ -0,0 +1,36 @@
|
|||||||
|
import { createContext, useContext, useEffect, useState } from 'react'
|
||||||
|
import axios from 'axios'
|
||||||
|
|
||||||
|
const SettingsContext = createContext({})
|
||||||
|
|
||||||
|
export function SettingsProvider({ children }) {
|
||||||
|
const [settings, setSettings] = useState({
|
||||||
|
kennel_name: 'BREEDR',
|
||||||
|
kennel_tagline: '',
|
||||||
|
})
|
||||||
|
const [loading, setLoading] = useState(true)
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
axios.get('/api/settings')
|
||||||
|
.then(res => {
|
||||||
|
setSettings(prev => ({ ...prev, ...res.data }))
|
||||||
|
})
|
||||||
|
.catch(() => {})
|
||||||
|
.finally(() => setLoading(false))
|
||||||
|
}, [])
|
||||||
|
|
||||||
|
const saveSettings = async (updates) => {
|
||||||
|
await axios.put('/api/settings', updates)
|
||||||
|
setSettings(prev => ({ ...prev, ...updates }))
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<SettingsContext.Provider value={{ settings, saveSettings, loading }}>
|
||||||
|
{children}
|
||||||
|
</SettingsContext.Provider>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export function useSettings() {
|
||||||
|
return useContext(SettingsContext)
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user