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

feat: add create/edit link form + controller methods

Browse Source
This commit is contained in:
Sonny
2024-05-18 00:55:27 +02:00
committed by Sonny
parent 8176817030
commit 3c2c5dcee6
23 changed files with 421 additions and 147 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
inertia/pages/collections/create.tsx
View File

@@ -1,10 +1,11 @@
import { useForm } from '@inertiajs/react';
import { route } from '@izzyjs/route/client';
import { useMemo } from 'react';
import { useTranslation } from 'react-i18next';
import FormCollection, {
FormCollectionData,
} from '~/components/form/form_collection';
import { Visibility } from '../../../app/enums/visibility';
import { useTranslation } from 'react-i18next';
export default function CreateCollectionPage({
disableHomeLink,
@@ -12,7 +13,7 @@ export default function CreateCollectionPage({
disableHomeLink: boolean;
}) {
const { t } = useTranslation('common');
const { data, setData, post, processing } = useForm<FormCollectionData>({
const { data, setData, submit, processing } = useForm<FormCollectionData>({
name: '',
description: '',
visibility: Visibility.PRIVATE,
@@ -22,7 +23,10 @@ export default function CreateCollectionPage({
[processing, data]
);
const handleSubmit = () => post('/collections');
const handleSubmit = () => {
const { method, url } = route('collection.create');
submit(method, url);
};
return (
<FormCollection

10
inertia/pages/collections/edit.tsx
View File

@@ -1,5 +1,6 @@
import type Collection from '#models/collection';
import { useForm } from '@inertiajs/react';
import { route } from '@izzyjs/route/client';
import { useMemo } from 'react';
import FormCollection, {
FormCollectionData,
@@ -10,7 +11,7 @@ export default function EditCollectionPage({
}: {
collection: Collection;
}) {
const { data, setData, put, processing, errors } =
const { data, setData, submit, processing, errors } =
useForm<FormCollectionData>({
name: collection.name,
description: collection.description,
@@ -25,7 +26,12 @@ export default function EditCollectionPage({
return isFormEdited && isFormValid && !processing;
}, [data, collection]);
const handleSubmit = () => put(`/collections/${collection.id}`);
const handleSubmit = () => {
const { method, url } = route('collection.edit', {
params: { id: collection.id },
});
submit(method, url);
};
return (
<FormCollection