Mirroring/my-links
1
0
Fork 0
mirror of https://github.com/Sonny93/my-links.git synced 2025-12-10 07:25:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat/fix/chore: refactor project structure + add favicon

Browse Source 
- Changement de structure de fichier
- Ajout des favicons des sites
- Suppression et mise à jour de dépendances
- Ajout React-Icons pour gérer les icons
- Amélioration du l'UI
This commit is contained in:
Sonny
2023-04-20 18:18:03 +02:00
parent f68bb22a01
commit 45f5455f94
47 changed files with 1274 additions and 1350 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
pages/category/create.tsx
View File

@@ -1,40 +1,40 @@
import { useEffect, useState } from 'react';
import axios from 'axios';
import { useRouter } from 'next/router';
import nProgress from 'nprogress';
import axios, { AxiosResponse } from 'axios';
import { useMemo, useState } from 'react';
import { redirectWithoutClientCache } from '../../utils/client';
import { HandleAxiosError } from '../../utils/front';
import FormLayout from '../../components/FormLayout';
import TextBox from '../../components/TextBox';
import styles from '../../styles/create.module.scss';
import { HandleAxiosError } from '../../utils/front';
import { useRouter } from 'next/router';
function CreateCategory() {
const router = useRouter();
const info = useRouter().query?.info as string;
const [name, setName] = useState<string>('');
const [error, setError] = useState<string | null>(null);
const [success, setSuccess] = useState<string | null>(null);
const [canSubmit, setCanSubmit] = useState<boolean>(false);
useEffect(() => setCanSubmit(name.length !== 0), [name]);
const [submitted, setSubmitted] = useState<boolean>(false);
const canSubmit = useMemo<boolean>(() => name.length !== 0 && !submitted, [name.length, submitted]);
const handleSubmit = async (event) => {
event.preventDefault();
setSuccess(null);
setError(null);
setCanSubmit(false);
setSubmitted(false);
nProgress.start();
try {
const payload = { name };
const { data }: AxiosResponse<any> = await axios.post('/api/category/create', payload);
setSuccess(data?.success || 'Categorie créée avec succès');
setCanSubmit(false);
await axios.post('/api/category/create', { name });
redirectWithoutClientCache(router, '');
router.push('/')
} catch (error) {
setError(HandleAxiosError(error));
setCanSubmit(true);
setSubmitted(true);
} finally {
nProgress.done();
}

52
pages/category/edit/[cid].tsx
View File

@@ -1,20 +1,15 @@
import { useEffect, useState } from 'react';
import nProgress from 'nprogress';
import axios, { AxiosResponse } from 'axios';
import { confirmAlert } from 'react-confirm-alert';
import 'react-confirm-alert/src/react-confirm-alert.css';
import nProgress from 'nprogress';
import { useEffect, useState } from 'react';
import FormLayout from '../../../components/FormLayout';
import TextBox from '../../../components/TextBox';
import styles from '../../../styles/create.module.scss';
import { Category } from '../../../types';
import { prisma } from '../../../utils/back';
import { BuildCategory, HandleAxiosError } from '../../../utils/front';
import { prisma } from '../../../utils/back';
import styles from '../../../styles/create.module.scss';
function EditCategory({ category }: { category: Category; }) {
const [name, setName] = useState<string>(category.name);
@@ -33,32 +28,21 @@ function EditCategory({ category }: { category: Category; }) {
const handleSubmit = async (event) => {
event.preventDefault();
confirmAlert({
message: `Confirmer l'édition de la catégorie "${category.name}"`,
buttons: [{
label: 'Yes',
onClick: async () => {
setSuccess(null);
setError(null);
setCanSubmit(false);
nProgress.start();
setSuccess(null);
setError(null);
setCanSubmit(false);
nProgress.start();
try {
const payload = { name };
const { data }: AxiosResponse<any> = await axios.put(`/api/category/edit/${category.id}`, payload);
setSuccess(data?.success || 'Catégorie modifiée avec succès');
} catch (error) {
setError(HandleAxiosError(error));
} finally {
setCanSubmit(true);
nProgress.done();
}
}
}, {
label: 'No',
onClick: () => { }
}]
});
try {
const payload = { name };
const { data }: AxiosResponse<any> = await axios.put(`/api/category/edit/${category.id}`, payload);
setSuccess(data?.success || 'Catégorie modifiée avec succès');
} catch (error) {
setError(HandleAxiosError(error));
} finally {
setCanSubmit(true);
nProgress.done();
}
}
return (<>

52
pages/category/remove/[cid].tsx
View File

@@ -1,21 +1,16 @@
import { useEffect, useState } from 'react';
import nProgress from 'nprogress';
import axios, { AxiosResponse } from 'axios';
import { confirmAlert } from 'react-confirm-alert';
import 'react-confirm-alert/src/react-confirm-alert.css';
import nProgress from 'nprogress';
import { useEffect, useState } from 'react';
import FormLayout from '../../../components/FormLayout';
import TextBox from '../../../components/TextBox';
import styles from '../../../styles/create.module.scss';
import { Category } from '../../../types';
import { BuildCategory, HandleAxiosError } from '../../../utils/front';
import { prisma } from '../../../utils/back';
import styles from '../../../styles/create.module.scss';
function RemoveCategory({ category }: { category: Category; }) {
const [canSubmit, setCanSubmit] = useState<boolean>(false);
const [error, setError] = useState<string | null>(null);
@@ -36,32 +31,21 @@ function RemoveCategory({ category }: { category: Category; }) {
const handleSubmit = async (event) => {
event.preventDefault();
confirmAlert({
message: `Confirmer la suppression du lien "${category.name}"`,
buttons: [{
label: 'Yes',
onClick: async () => {
setSuccess(null);
setError(null);
setCanSubmit(false);
nProgress.start();
setSuccess(null);
setError(null);
setCanSubmit(false);
nProgress.start();
try {
const { data }: AxiosResponse<any> = await axios.delete(`/api/category/remove/${category.id}`);
setSuccess(data?.success || 'Categorie supprimée avec succès');
setCanSubmit(false);
} catch (error) {
setError(HandleAxiosError(error));
setCanSubmit(true);
} finally {
nProgress.done();
}
}
}, {
label: 'No',
onClick: () => { }
}]
});
try {
const { data }: AxiosResponse<any> = await axios.delete(`/api/category/remove/${category.id}`);
setSuccess(data?.success || 'Categorie supprimée avec succès');
setCanSubmit(false);
} catch (error) {
setError(HandleAxiosError(error));
setCanSubmit(true);
} finally {
nProgress.done();
}
}
return (<>