- - setSlideIndex(0)} className={`FunctionTabs__nav-link ${(slideIndex === 0) && 'FunctionTabs__nav-link-active'}`}>✒️ Modifier + setSlideIndex(0)} + className={`FunctionTabs__nav-link ${slideIndex === 0 && + 'FunctionTabs__nav-link-active'}`} + > + ✒️ Modifier +
- - setSlideIndex(1)} className={`FunctionTabs__nav-link ${(slideIndex === 1) && 'FunctionTabs__nav-link-active'}`}>📝 Article + setSlideIndex(1)} + className={`FunctionTabs__nav-link ${slideIndex === 1 && + 'FunctionTabs__nav-link-active'}`} + > + 📝 Article +
- - setSlideIndex(2)} className={`FunctionTabs__nav-link ${(slideIndex === 2) && 'FunctionTabs__nav-link-active'}`}>⚙️ Utilisation + setSlideIndex(2)} + className={`FunctionTabs__nav-link ${slideIndex === 2 && + 'FunctionTabs__nav-link-active'}`} + > + ⚙️ Utilisation +
- setSlideIndex(index)} index={slideIndex}>
+ setSlideIndex(index)}
+ index={slideIndex}
+ >
{
isEditing
/>
-
+
@@ -72,8 +100,9 @@ export async function getServerSideProps (context) {
if (!user.isAdmin) {
return redirect(context, '/404')
}
- return api.get(`/admin/functions/${slug}`, { headers: { Authorization: user.token } })
- .then((response) => {
+ return api
+ .get(`/admin/functions/${slug}`, { headers: { Authorization: user.token } })
+ .then(response => {
return {
props: {
user,
diff --git a/website/pages/admin/index.jsx b/website/pages/admin/index.jsx
index 55c17d7..cacc811 100644
--- a/website/pages/admin/index.jsx
+++ b/website/pages/admin/index.jsx
@@ -10,54 +10,77 @@ import AddEditFunction from '../../components/FunctionAdmin/AddEditFunction'
import redirect from '../../utils/redirect'
import '../../public/css/pages/admin.css'
-const Admin = (props) => {
+const Admin = props => {
const [isOpen, setIsOpen] = useState(false)
const toggleModal = () => setIsOpen(!isOpen)
return (
<>
-
-
-
-
-
-
- )
- : (
-
-
+
+ ) : (
+
+
+ )}
)
}
diff --git a/website/pages/admin/manageCategories.jsx b/website/pages/admin/manageCategories.jsx
index 0bce32a..5d76e82 100644
--- a/website/pages/admin/manageCategories.jsx
+++ b/website/pages/admin/manageCategories.jsx
@@ -15,23 +15,36 @@ import '../../public/css/pages/admin.css'
const defaultCategoryState = { name: '', color: '#ffffff' }
-const AddEditCategory = (props) => {
+const AddEditCategory = props => {
const [inputState, setInputState] = useState(props.defaultInputState)
const [message, setMessage] = useState('')
const [isLoading, setIsLoading] = useState(false)
const handleChange = (event, isTypeCheck = false) => {
const inputStateNew = { ...inputState }
- inputStateNew[event.target.name] = (event.target.files != null) ? event.target.files[0] : (isTypeCheck) ? event.target.checked : event.target.value
+ inputStateNew[event.target.name] =
+ event.target.files != null
+ ? event.target.files[0]
+ : isTypeCheck
+ ? event.target.checked
+ : event.target.value
setInputState(inputStateNew)
}
const apiCallCategory = () => {
- if (props.isEditing) return api.put(`/admin/categories/${inputState.id}`, { name: inputState.name, color: inputState.color }, { headers: { Authorization: props.user.token } })
- return api.post('/admin/categories', inputState, { headers: { Authorization: props.user.token } })
+ if (props.isEditing) {
+ return api.put(
+ `/admin/categories/${inputState.id}`,
+ { name: inputState.name, color: inputState.color },
+ { headers: { Authorization: props.user.token } }
+ )
+ }
+ return api.post('/admin/categories', inputState, {
+ headers: { Authorization: props.user.token }
+ })
}
- const handleSubmit = (event) => {
+ const handleSubmit = event => {
event.preventDefault()
setIsLoading(true)
apiCallCategory()
@@ -39,8 +52,10 @@ const AddEditCategory = (props) => {
setIsLoading(false)
window.location.reload(true)
})
- .catch((error) => {
- setMessage(`
@@ -62,25 +87,39 @@ const AddEditCategory = (props) => {
@@ -88,22 +127,26 @@ const AddEditCategory = (props) => {
)
}
-const manageCategories = (props) => {
+const manageCategories = props => {
const [, categories] = useAPI('/categories')
const [isOpen, setIsOpen] = useState(false)
const [isEditing, setIsEditing] = useState(false)
- const [defaultInputState, setDefaultInputState] = useState(defaultCategoryState)
+ const [defaultInputState, setDefaultInputState] = useState(
+ defaultCategoryState
+ )
const toggleModal = () => setIsOpen(!isOpen)
- const handleRemoveCategory = async (categoryId) => {
+ const handleRemoveCategory = async categoryId => {
try {
- await api.delete(`/admin/categories/${categoryId}`, { headers: { Authorization: props.user.token } })
+ await api.delete(`/admin/categories/${categoryId}`, {
+ headers: { Authorization: props.user.token }
+ })
window.location.reload(true)
} catch {}
}
- const handleEditCategory = (categoryInfo) => {
+ const handleEditCategory = categoryInfo => {
setDefaultInputState(categoryInfo)
setIsEditing(true)
toggleModal()
@@ -111,64 +154,124 @@ const manageCategories = (props) => {
return (
<>
-
-
-
+ {isOpen ? (
+ Crée une nouvelle fonction
-
+
-
- )}
+
+
+
-
- )
-
- : (
-
+
-
+
+
+
+
Crée une nouvelle fonction
-
+
+
-
- Administration
- - - - - - - -
+
+ Administration
+ + + + + + + +Erreur: ${error.response.data.message}
`) + .catch(error => { + setMessage( + `Erreur: ${error.response.data.message}
` + ) setIsLoading(false) }) } @@ -51,10 +66,20 @@ const AddEditCategory = (props) => {
-
-
{(props.isEditing) ? 'Modifier la catégorie' : 'Crée une nouvelle catégorie'}
++ {props.isEditing + ? 'Modifier la catégorie' + : 'Crée une nouvelle catégorie'} +
- {
- (isLoading)
- ?
-
+ )}
)
}
diff --git a/website/pages/admin/manageQuotes.jsx b/website/pages/admin/manageQuotes.jsx
index 0227fda..815b9db 100644
--- a/website/pages/admin/manageQuotes.jsx
+++ b/website/pages/admin/manageQuotes.jsx
@@ -8,8 +8,12 @@ import HeadTag from '../../components/HeadTag'
import api from '../../utils/api'
import '../../public/css/pages/admin.css'
-const manageQuotes = (props) => {
- const [quotesData, setQuotesData] = useState({ hasMore: true, rows: [], totalItems: 0 })
+const manageQuotes = props => {
+ const [quotesData, setQuotesData] = useState({
+ hasMore: true,
+ rows: [],
+ totalItems: 0
+ })
const [isLoadingQuotes, setLoadingQuotes] = useState(true)
const [pageQuotes, setPageQuotes] = useState(1)
@@ -20,7 +24,9 @@ const manageQuotes = (props) => {
const getQuotesData = async () => {
setLoadingQuotes(true)
- const { data } = await api.get(`/admin/quotes?limit=20page=${pageQuotes}`, { headers: { Authorization: props.user.token } })
+ const { data } = await api.get(`/admin/quotes?limit=20page=${pageQuotes}`, {
+ headers: { Authorization: props.user.token }
+ })
setQuotesData({
hasMore: data.hasMore,
rows: [...quotesData.rows, ...data.rows],
@@ -31,33 +37,48 @@ const manageQuotes = (props) => {
// Permet la pagination au scroll
const observer = useRef()
- const lastQuoteRef = useCallback((node) => {
- if (isLoadingQuotes) return
- if (observer.current) observer.current.disconnect()
- observer.current = new window.IntersectionObserver((entries) => {
- if (entries[0].isIntersecting && quotesData.hasMore) {
- setPageQuotes(pageQuotes + 1)
- }
- }, { threshold: 1 })
- if (node) observer.current.observe(node)
- }, [isLoadingQuotes, quotesData.hasMore])
+ const lastQuoteRef = useCallback(
+ node => {
+ if (isLoadingQuotes) return
+ if (observer.current) observer.current.disconnect()
+ observer.current = new window.IntersectionObserver(
+ entries => {
+ if (entries[0].isIntersecting && quotesData.hasMore) {
+ setPageQuotes(pageQuotes + 1)
+ }
+ },
+ { threshold: 1 }
+ )
+ if (node) observer.current.observe(node)
+ },
+ [isLoadingQuotes, quotesData.hasMore]
+ )
const handleValidationQuote = async (id, isValid) => {
try {
- await api.put(`/admin/quotes/${id}`, { isValid }, { headers: { Authorization: props.user.token } })
+ await api.put(
+ `/admin/quotes/${id}`,
+ { isValid },
+ { headers: { Authorization: props.user.token } }
+ )
window.location.reload(true)
} catch {}
}
return (
<>
-
-
-
-
- Gérer les catégories
- -
-
+
-
- )
- }
+
-
-
-
| id | -name | -color | -createdAt | -updatedAt | -Modifier | -Supprimer | + {isOpen ? ( +
|---|
| + id + | ++ name + | ++ color + | ++ createdAt + | ++ updatedAt + | ++ Modifier + | ++ Supprimer + | +
|---|---|---|---|---|---|---|
| {category.id} | +{category.name} | +{category.color} | ++ {date.format( + new Date(category.createdAt), + 'DD/MM/YYYY à HH:mm', + true + )} + | ++ {date.format( + new Date(category.updatedAt), + 'DD/MM/YYYY à HH:mm', + true + )} + | +
+ handleEditCategory({
+ name: category.name,
+ color: category.color,
+ id: category.id
+ })}
+ >
+ |
+ handleRemoveCategory(category.id)}
+ >
+ |
| {category.id} | -{category.name} | -{category.color} | -{date.format(new Date(category.createdAt), 'DD/MM/YYYY à HH:mm', true)} | -{date.format(new Date(category.updatedAt), 'DD/MM/YYYY à HH:mm', true)} | - handleEditCategory({ name: category.name, color: category.color, id: category.id })}>
- |
- handleRemoveCategory(category.id)}>
- |
-
Liste des citations (non validées) :
-Total de {quotesData.totalItems} citations.
++ Total de {quotesData.totalItems} citations. +
