direct-online/vito
2
0
Fork 0
mirror of https://github.com/vitodeploy/vito.git synced 2025-07-03 15:02:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

#591 - server-providers

Browse Source
This commit is contained in:
Saeed Vaziry
2025-05-18 21:12:06 +02:00
parent 8b4d156afa
commit 1ed5d7362b
18 changed files with 349 additions and 93 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
resources/js/pages/profile/components/update-password.tsx
View File

@ -1,5 +1,4 @@
import InputError from '@/components/ui/input-error';
import { Transition } from '@headlessui/react';
import { useForm } from '@inertiajs/react';
import { FormEventHandler, useRef } from 'react';
@ -8,7 +7,8 @@ import { Input } from '@/components/ui/input';
import { Label } from '@/components/ui/label';
import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '@/components/ui/card';
import { Form, FormField, FormFields } from '@/components/ui/form';
import { CheckIcon, LoaderCircleIcon } from 'lucide-react';
import { LoaderCircleIcon } from 'lucide-react';
import FormSuccessful from '@/components/form-successful';
export default function UpdatePassword() {
const passwordInput = useRef<HTMLInputElement>(null);
@ -96,11 +96,9 @@ export default function UpdatePassword() {
<CardFooter className="gap-2">
<Button form="update-password-form" disabled={processing}>
{processing && <LoaderCircleIcon className="animate-spin" />}
<FormSuccessful successful={recentlySuccessful} />
Save password
</Button>
<Transition show={recentlySuccessful} enter="transition ease-in-out" enterFrom="opacity-0" leave="transition ease-in-out" leaveTo="opacity-0">
<CheckIcon className="text-success" />
</Transition>
</CardFooter>
</Card>
);

10
resources/js/pages/profile/components/update-user.tsx → resources/js/pages/profile/components/update-profile.tsx
View File

@ -4,18 +4,18 @@ import { Input } from '@/components/ui/input';
import InputError from '@/components/ui/input-error';
import { useForm, usePage } from '@inertiajs/react';
import { Button } from '@/components/ui/button';
import { Transition } from '@headlessui/react';
import type { SharedData } from '@/types';
import { FormEventHandler } from 'react';
import { Form, FormField, FormFields } from '@/components/ui/form';
import { CheckIcon, LoaderCircleIcon } from 'lucide-react';
import { LoaderCircleIcon } from 'lucide-react';
import FormSuccessful from '@/components/form-successful';
type ProfileForm = {
name: string;
email: string;
};
export default function UpdateUser() {
export default function UpdateProfile() {
const { auth } = usePage<SharedData>().props;
const { data, setData, patch, errors, processing, recentlySuccessful } = useForm<Required<ProfileForm>>({
@ -71,11 +71,9 @@ export default function UpdateUser() {
<CardFooter className="gap-2">
<Button form="update-profile-form" disabled={processing}>
{processing && <LoaderCircleIcon className="animate-spin" />}
<FormSuccessful successful={recentlySuccessful} />
Save
</Button>
<Transition show={recentlySuccessful} enter="transition ease-in-out" enterFrom="opacity-0" leave="transition ease-in-out" leaveTo="opacity-0">
<CheckIcon className="text-success" />
</Transition>
</CardFooter>
</Card>
);