ahmadk953/tasko
1
0
Fork 0
mirror of https://github.com/ahmadk953/tasko.git synced 2025-05-02 11:49:34 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Formated Files

Browse source
This commit is contained in:
Ahmad 2024-02-15 20:49:19 -05:00
parent d5631b309a
commit e768d9181f
No known key found for this signature in database
GPG key ID: 8FD8A93530D182BF
138 changed files with 1829 additions and 1851 deletions
Download patch file Download diff file Expand all files Collapse all files

64
components/form/form-popover.tsx
View file

@ -1,45 +1,45 @@
"use client";
'use client';
import { X } from "lucide-react";
import { toast } from "sonner";
import { ElementRef, useRef } from "react";
import { useRouter } from "next/navigation";
import { X } from 'lucide-react';
import { toast } from 'sonner';
import { ElementRef, useRef } from 'react';
import { useRouter } from 'next/navigation';
import {
Popover,
PopoverClose,
PopoverContent,
PopoverTrigger,
} from "@/components/ui/popover";
import { useAction } from "@/hooks/use-action";
import { createBoard } from "@/actions/create-board";
import { Button } from "@/components//ui/button";
import { useProModal } from "@/hooks/use-pro-modal";
} from '@/components/ui/popover';
import { useAction } from '@/hooks/use-action';
import { createBoard } from '@/actions/create-board';
import { Button } from '@/components//ui/button';
import { useProModal } from '@/hooks/use-pro-modal';
import { FormInput } from "./form-input";
import { FormSubmit } from "./form-submit";
import { FormPicker } from "./form-picker";
import { FormInput } from './form-input';
import { FormSubmit } from './form-submit';
import { FormPicker } from './form-picker';
interface FormPopoverProps {
children: React.ReactNode;
side?: "left" | "right" | "top" | "bottom";
align?: "center" | "start" | "end";
side?: 'left' | 'right' | 'top' | 'bottom';
align?: 'center' | 'start' | 'end';
sideOffset?: number;
}
export const FormPopover = ({
children,
side = "bottom",
side = 'bottom',
align,
sideOffset = 0,
}: FormPopoverProps) => {
const proModal = useProModal();
const router = useRouter();
const closeRef = useRef<ElementRef<"button">>(null);
const closeRef = useRef<ElementRef<'button'>>(null);
const { execute, fieldErrors } = useAction(createBoard, {
onSuccess: (data) => {
toast.success("Board created");
toast.success('Board created');
closeRef.current?.click();
router.push(`/board/${data.id}`);
},
@ -50,8 +50,8 @@ export const FormPopover = ({
});
const onSubmit = (formData: FormData) => {
const title = formData.get("title") as string;
const image = formData.get("image") as string;
const title = formData.get('title') as string;
const image = formData.get('image') as string;
execute({ title, image });
};
@ -61,32 +61,32 @@ export const FormPopover = ({
<PopoverTrigger asChild>{children}</PopoverTrigger>
<PopoverContent
align={align}
className="w-80 pt-3"
className='w-80 pt-3'
side={side}
sideOffset={sideOffset}
>
<div className="text-sm font-medium text-center text-neutral-600 pb-4">
<div className='pb-4 text-center text-sm font-medium text-neutral-600'>
Create board
</div>
<PopoverClose ref={closeRef} asChild>
<Button
className="h-auto w-auto p-2 absolute top-2 right-2 text-neutral-600"
variant="ghost"
className='absolute right-2 top-2 h-auto w-auto p-2 text-neutral-600'
variant='ghost'
>
<X className="h-4 w-4" />
<X className='h-4 w-4' />
</Button>
</PopoverClose>
<form action={onSubmit} className="space-y-4">
<div className="space-y-4">
<FormPicker id="image" errors={fieldErrors} />
<form action={onSubmit} className='space-y-4'>
<div className='space-y-4'>
<FormPicker id='image' errors={fieldErrors} />
<FormInput
id="title"
label="Board Title"
type="text"
id='title'
label='Board Title'
type='text'
errors={fieldErrors}
/>
</div>
<FormSubmit className="w-full">Create</FormSubmit>
<FormSubmit className='w-full'>Create</FormSubmit>
</form>
</PopoverContent>
</Popover>