diff --git a/pages/cart/translations/index.js b/pages/cart/translations/index.js new file mode 100644 index 0000000..d4a9352 --- /dev/null +++ b/pages/cart/translations/index.js @@ -0,0 +1,52 @@ +import { useState, useEffect } from 'react'; +import axios from 'axios'; + +const AdminTranslations = () => { + const [translations, setTranslations] = useState({}); + const [locale, setLocale] = useState('en'); + + useEffect(() => { + axios.get(`/api/translations/${locale}`).then(res => setTranslations(res.data)); + }, [locale]); + + const handleSave = () => { + axios.post(`/api/translations/${locale}`, translations).then(res => { + if (res.data.status === 'Updated') { + alert('Translations updated!'); + } + }); + }; + + const handleChange = (key, value) => { + setTranslations(prev => ({ ...prev, [key]: value })); + }; + + return ( + <> + +
+

Edit Translations

+ + {Object.keys(translations).map(key => ( +
+ + handleChange(key, e.target.value)} + /> +
+ ))} + +
+
+ + ); +}; + +export default AdminTranslations;