Add all request for list features but in a rough state #46
Conversation
| @@ -130,9 +162,10 @@ function ScenariosList({ scenarios }: { scenarios: string[] }) { | |||
| } | |||
|
|
|||
| export default function Lists() { | |||
| const data = useLoaderData<typeof loader>(); | |||
| const customListValues = useLoaderData<typeof loader>(); | |||
There was a problem hiding this comment.
Ne conserve pas ce que j'ai fait avant: n'utilise pas const data = ... mais directement listsValues. Ce sera plus lisible
| const customListValues = useLoaderData<typeof loader>(); | |
| const { listsValues } = useLoaderData<typeof loader>(); |
| accessorFn: (row) => row, | ||
| header: t('lists:description'), | ||
| accessorKey: 'value', | ||
| header: t('lists:value'), |
There was a problem hiding this comment.
Si tu fais ça, chaud pour que tu updates les translation files (on a pas de CRM/outil externe, ils sont déclarés et maintenu dans le front)
Tu trouveras ce que tu veux ici :
apps/builder/public/locales/en/lists.json (et le fr associé)
Chaud pour que tu supprimes ceux qui ne sont plus utilisés et ajoutent les nouveaux. T'embête pas avec la trad FR.
| export async function action({ request, params }: ActionArgs) { | ||
| const { apiClient } = await authenticator.isAuthenticated(request, { | ||
| failureRedirect: '/login', | ||
| }); | ||
| console.log(request.method) | ||
| invariant(params.listId, `params.listId is required`); | ||
| console.log('listId', params.listId) | ||
| switch (request.method) { | ||
| case 'POST': { | ||
| await apiClient.createCustomListValue(params.listId, {value: 'Added Value'}); | ||
| break; | ||
| } | ||
| case 'DELETE': { | ||
| const parsedForm = await parseFormSafe(request, formSchema); | ||
| const { listValueId } = parsedForm.data; | ||
| console.log('delete id: ', listValueId) | ||
| await apiClient.deleteCustomListValue(params.listId, {id: listValueId}); | ||
| break; | ||
| } | ||
| } | ||
| return null; | ||
| } |
There was a problem hiding this comment.
Plusieurs remarques :
- Si tu discrimines sur la method, pas besoin d'ajouter un name au bouton de DELETE
- Si tu ne fais pas de
try ... catchpour les erreurs d'API, tu vas devoir gérer les erreurs en Remix
Dans le cadre d'une erreur non catch, tu peux la gérer avec ça mais sache que dans ce cas précis, toute ta page sera remplacée (ici la page de list view décrite par le composant default export)
Co-authored-by: Thomas Lathuiliere <40292402+balzdur@users.noreply.github.com>
Added all backend request necessary for the lists and list value CRUD
Added dummy button to check the request and interact with the feature