-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #57 from Quest-Finder/develop
Develop
- Loading branch information
Showing
35 changed files
with
1,274 additions
and
248 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,155 @@ | ||
'use client' | ||
|
||
import * as React from 'react' | ||
import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog' | ||
|
||
import { cn } from '@/lib/utils' | ||
import { buttonVariants } from '@/components/ui/button' | ||
|
||
const AlertDialog = AlertDialogPrimitive.Root | ||
|
||
const AlertDialogTrigger = AlertDialogPrimitive.Trigger | ||
|
||
const AlertDialogPortal = AlertDialogPrimitive.Portal | ||
|
||
interface AlertDialogOverlayProps | ||
extends React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay> {} | ||
const AlertDialogOverlay = React.forwardRef< | ||
React.ElementRef<typeof AlertDialogPrimitive.Overlay>, | ||
AlertDialogOverlayProps | ||
>(({ className, ...props }, ref) => ( | ||
<AlertDialogPrimitive.Overlay | ||
className={cn( | ||
'fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0', | ||
className, | ||
)} | ||
{...props} | ||
ref={ref} | ||
/> | ||
)) | ||
AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName | ||
|
||
interface AlertDialogContentProps | ||
extends React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content> {} | ||
const AlertDialogContent = React.forwardRef< | ||
React.ElementRef<typeof AlertDialogPrimitive.Content>, | ||
AlertDialogContentProps | ||
>(({ className, ...props }, ref) => ( | ||
<AlertDialogPortal> | ||
<AlertDialogOverlay /> | ||
<AlertDialogPrimitive.Content | ||
ref={ref} | ||
className={cn( | ||
'fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg', | ||
className, | ||
)} | ||
{...props} | ||
/> | ||
</AlertDialogPortal> | ||
)) | ||
AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName | ||
|
||
interface AlertDialogHeaderProps extends React.HTMLAttributes<HTMLDivElement> {} | ||
function AlertDialogHeader({ className, ...props }: AlertDialogHeaderProps) { | ||
return ( | ||
<div | ||
className={cn( | ||
'flex flex-col space-y-2 text-center sm:text-left', | ||
className, | ||
)} | ||
{...props} | ||
/> | ||
) | ||
} | ||
|
||
AlertDialogHeader.displayName = 'AlertDialogHeader' | ||
|
||
interface AlertDialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {} | ||
function AlertDialogFooter({ className, ...props }: AlertDialogFooterProps) { | ||
;<div | ||
className={cn( | ||
'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', | ||
className, | ||
)} | ||
{...props} | ||
/> | ||
} | ||
AlertDialogFooter.displayName = 'AlertDialogFooter' | ||
|
||
interface AlertDialogTitleProps | ||
extends React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title> {} | ||
function AlertDialogTitle({ className, ...props }: AlertDialogTitleProps) { | ||
return ( | ||
<AlertDialogPrimitive.Title | ||
className={cn( | ||
'flex flex-col space-y-2 text-center sm:text-left', | ||
className, | ||
)} | ||
{...props} | ||
/> | ||
) | ||
} | ||
AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName | ||
|
||
interface AlertDialogDescriptionProps | ||
extends React.ComponentPropsWithoutRef< | ||
typeof AlertDialogPrimitive.Description | ||
> {} | ||
const AlertDialogDescription = React.forwardRef< | ||
React.ElementRef<typeof AlertDialogPrimitive.Description>, | ||
AlertDialogDescriptionProps | ||
>(({ className, ...props }, ref) => ( | ||
<AlertDialogPrimitive.Description | ||
ref={ref} | ||
className={cn('text-sm text-muted-foreground', className)} | ||
{...props} | ||
/> | ||
)) | ||
AlertDialogDescription.displayName = | ||
AlertDialogPrimitive.Description.displayName | ||
|
||
interface AlertDialogActionProps | ||
extends React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action> {} | ||
const AlertDialogAction = React.forwardRef< | ||
React.ElementRef<typeof AlertDialogPrimitive.Action>, | ||
AlertDialogActionProps | ||
>(({ className, ...props }, ref) => ( | ||
<AlertDialogPrimitive.Action | ||
ref={ref} | ||
className={cn(buttonVariants(), className)} | ||
{...props} | ||
/> | ||
)) | ||
AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName | ||
|
||
interface AlertDialogCancelProps | ||
extends React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel> {} | ||
const AlertDialogCancel = React.forwardRef< | ||
React.ElementRef<typeof AlertDialogPrimitive.Cancel>, | ||
AlertDialogCancelProps | ||
>(({ className, ...props }, ref) => ( | ||
<AlertDialogPrimitive.Cancel | ||
ref={ref} | ||
className={cn( | ||
buttonVariants({ variant: 'outline' }), | ||
'mt-2 sm:mt-0', | ||
className, | ||
)} | ||
{...props} | ||
/> | ||
)) | ||
AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName | ||
|
||
export { | ||
AlertDialog, | ||
AlertDialogPortal, | ||
AlertDialogOverlay, | ||
AlertDialogTrigger, | ||
AlertDialogContent, | ||
AlertDialogHeader, | ||
AlertDialogFooter, | ||
AlertDialogTitle, | ||
AlertDialogDescription, | ||
AlertDialogAction, | ||
AlertDialogCancel, | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.