merdan
/
turkmen-tv-front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

new pages added gifts

This commit is contained in:
Kakabay 2024-10-17 16:03:18 +05:00
parent 54784f0150
commit 0fe1e72e72
6 changed files with 226 additions and 226 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

78
app/(prizes)/prizes/[user_id]/page.tsx
View File

@ -46,45 +46,45 @@ const PrizesPage = ({ params }: { params: { user_id: string } }) => {
return null; // Return null since the redirect will occur return null; // Return null since the redirect will occur
} }
// return ( return (
// <div className="flex flex-col gap-[32px] md:gap-[64px] items-center"> <div className="flex flex-col gap-[32px] md:gap-[64px] items-center">
// <header className="flex flex-col gap-[24px]"> <header className="flex flex-col gap-[24px]">
// <div className="flex flex-col gap-[8px] max-w-[639px] w-full"> <div className="flex flex-col gap-[8px] max-w-[639px] w-full">
// <h1 className="text-lightOnSurface text-heading1 leading-heading1 md:text-display1 md:leading-display1 tracking-[-1%] text-center font-medium"> <h1 className="text-lightOnSurface text-heading1 leading-heading1 md:text-display1 md:leading-display1 tracking-[-1%] text-center font-medium">
// {data.data.title} {data.data.title}
// </h1> </h1>
// <p className="text-center text-textSmall leading-textSmall md:text-textBase md:leading-textBase tracking-[-1%] text-lightOnSurface"> <p className="text-center text-textSmall leading-textSmall md:text-textBase md:leading-textBase tracking-[-1%] text-lightOnSurface">
// Поздравляю с победой в викторине! Вы стали победителем и получаете возможность выбрать Поздравляю с победой в викторине! Вы стали победителем и получаете возможность выбрать
// подарок по своему выбору. Пожалуйста, ознакомьтесь с доступными вариантами подарков и подарок по своему выбору. Пожалуйста, ознакомьтесь с доступными вариантами подарков и
// сообщите нам ваше предпочтение. С нетерпением ждем вашего выбора, чтобы доставить вам сообщите нам ваше предпочтение. С нетерпением ждем вашего выбора, чтобы доставить вам
// заслуженный приз! заслуженный приз!
// </p> </p>
// </div> </div>
// <p className="text-center text-textXSmall leading-textXSmall md:text-textSmall md:leading-textSmall tracking-[0.4px] md:-tracking-[1%] text-lightOnSurface"> <p className="text-center text-textXSmall leading-textXSmall md:text-textSmall md:leading-textSmall tracking-[0.4px] md:-tracking-[1%] text-lightOnSurface">
// Есть вопросы? Обратись XYXYXY! Есть вопросы? Обратись XYXYXY!
// </p> </p>
// </header> </header>
// <div className="flex flex-col gap-[24px] md:gap-[16px] items-center max-w-[832px] w-full"> <div className="flex flex-col gap-[24px] md:gap-[16px] items-center max-w-[832px] w-full">
// {data.data.gifts && {data.data.gifts &&
// data.data.gifts.map((prize, i) => ( data.data.gifts.map((prize, i) => (
// <PrizeCard <PrizeCard
// key={prize.id} key={prize.id}
// variant={ variant={
// selectedPrize === null selectedPrize === null
// ? 'default' ? 'default'
// : selectedPrize === prize.id : selectedPrize === prize.id
// ? 'selected' ? 'selected'
// : 'disabled' : 'disabled'
// } }
// setSelectedPrize={setSelectedPrize} setSelectedPrize={setSelectedPrize}
// id={prize.id} id={prize.id}
// code={params.user_id} code={params.user_id}
// {...prize} {...prize}
// /> />
// ))} ))}
// </div> </div>
// </div> </div>
// ); );
}; };
export default PrizesPage; export default PrizesPage;

14
app/(prizes)/prizes/auth/page.tsx
View File

@ -2,13 +2,13 @@ import SmsForm from '@/components/prizes/SmsForm';
import React from 'react'; import React from 'react';
const page = () => { const page = () => {
// return ( return (
// <div className=""> <div className="">
// <div className="flex justify-center items-center min-h-[50vh]"> <div className="flex justify-center items-center min-h-[50vh]">
// <SmsForm /> <SmsForm />
// </div> </div>
// </div> </div>
// ); );
}; };
export default page; export default page;

4
components/MobileMenu.tsx
View File

@ -167,7 +167,7 @@ const MobileMenu = () => {
}}> }}>
TV market TV market
</Link> </Link>
{/* <Link <Link
href={'/prizes/auth'} href={'/prizes/auth'}
className="block text-2xl text-white transition-all font-roboto font-bold" className="block text-2xl text-white transition-all font-roboto font-bold"
style={path.includes('prizes') ? { color: '#FFAB48' } : {}} style={path.includes('prizes') ? { color: '#FFAB48' } : {}}
@ -176,7 +176,7 @@ const MobileMenu = () => {
onClickCloseBurgerHandler(); onClickCloseBurgerHandler();
}}> }}>
Sowgatlar Sowgatlar
</Link> */} </Link>
</div> </div>
</div> </div>
</li> </li>

4
components/Nav.tsx
View File

@ -140,13 +140,13 @@ const Nav = () => {
onClick={() => setDropDownOpened(false)}> onClick={() => setDropDownOpened(false)}>
SMS ulgamy SMS ulgamy
</Link> </Link>
{/* <Link <Link
href={'/prizes/auth'} href={'/prizes/auth'}
className="block min-w-fit text-lg text-white transition-all font-roboto font-bold" className="block min-w-fit text-lg text-white transition-all font-roboto font-bold"
style={path.includes('/prizes/auth') ? { color: '#FFAB48' } : {}} style={path.includes('/prizes/auth') ? { color: '#FFAB48' } : {}}
onClick={() => setDropDownOpened(false)}> onClick={() => setDropDownOpened(false)}>
Sowgatlar Sowgatlar
</Link> */} </Link>
</div> </div>
</div> </div>
</li> </li>

146
components/prizes/PrizeCard.tsx
View File

@ -77,81 +77,81 @@ const PrizeCard = ({
} }
}; };
// return ( return (
// <div <div
// className={cn( className={cn(
// 'bg-lightSurfaceContainerHigher flex md:flex-row flex-col rounded-[12px] overflow-hidden w-full', 'bg-lightSurfaceContainerHigher flex md:flex-row flex-col rounded-[12px] overflow-hidden w-full',
// className, className,
// { {
// 'opacity-50': variant === 'disabled', 'opacity-50': variant === 'disabled',
// }, },
// )}> )}>
// <div className="flex-1 overflow-hidden md:h-full h-[186px]"> <div className="flex-1 overflow-hidden md:h-full h-[186px]">
// <Image <Image
// width={416} width={416}
// height={248} height={248}
// src={image ? image : '/prize.jpg'} src={image ? image : '/prize.jpg'}
// alt="prize" alt="prize"
// className="h-full w-full" className="h-full w-full"
// /> />
// </div> </div>
// <div className="flex-1 p-[16px] flex flex-col gap-[16px]"> <div className="flex-1 p-[16px] flex flex-col gap-[16px]">
// <h2 className="text-heading5 leading-heading5 -tracking-[-1%] font-medium text-lightOnSurface"> <h2 className="text-heading5 leading-heading5 -tracking-[-1%] font-medium text-lightOnSurface">
// {title} {title}
// </h2> </h2>
// <p className="text-textSmall leading-textSmall -tracking-[-1%] text-lightOnSurfaceVariant"> <p className="text-textSmall leading-textSmall -tracking-[-1%] text-lightOnSurfaceVariant">
// {description} {description}
// </p> </p>
// {variant === 'default' ? ( {variant === 'default' ? (
// <> <>
// {/* DialogTrigger to open the dialog */} {/* DialogTrigger to open the dialog */}
// <div> <div>
// <Dialog open={dialogOpen} onOpenChange={handleDialogClose}> <Dialog open={dialogOpen} onOpenChange={handleDialogClose}>
// <DialogTrigger asChild> <DialogTrigger asChild>
// <button <button
// className="px-[24px] py-[10px] w-full md:w-fit text-textSmall leading-textSmall -tracking-[-1%] font-medium bg-lightPrimary text-lightOnPrimary rounded-[40px]" className="px-[24px] py-[10px] w-full md:w-fit text-textSmall leading-textSmall -tracking-[-1%] font-medium bg-lightPrimary text-lightOnPrimary rounded-[40px]"
// onClick={handleDialogOpen} onClick={handleDialogOpen}
// disabled={choosePrizeMutation.isLoading}> disabled={choosePrizeMutation.isLoading}>
// {choosePrizeMutation.isLoading ? 'Loading...' : 'Выбрать'} {choosePrizeMutation.isLoading ? 'Loading...' : 'Выбрать'}
// </button> </button>
// </DialogTrigger> </DialogTrigger>
// {/* DialogContent that shows loading or response */} {/* DialogContent that shows loading or response */}
// <DialogContent className="bg-lightSurfaceContainer flex flex-col gap-[8px]"> <DialogContent className="bg-lightSurfaceContainer flex flex-col gap-[8px]">
// <DialogHeader className="flex flex-col gap-[8px]"> <DialogHeader className="flex flex-col gap-[8px]">
// <DialogTitle>{dialogTitle}</DialogTitle> <DialogTitle>{dialogTitle}</DialogTitle>
// <DialogDescription>{dialogDescription}</DialogDescription> <DialogDescription>{dialogDescription}</DialogDescription>
// </DialogHeader> </DialogHeader>
// {dialogTitle !== 'Загрузка...' && ( {dialogTitle !== 'Загрузка...' && (
// <DialogFooter> <DialogFooter>
// <DialogClose asChild> <DialogClose asChild>
// <button className="px-[24px] py-[10px] w-full text-textSmall leading-textSmall -tracking-[-1%] font-medium bg-lightPrimary text-lightOnPrimary rounded-[40px]"> <button className="px-[24px] py-[10px] w-full text-textSmall leading-textSmall -tracking-[-1%] font-medium bg-lightPrimary text-lightOnPrimary rounded-[40px]">
// Закрыть Закрыть
// </button> </button>
// </DialogClose> </DialogClose>
// </DialogFooter> </DialogFooter>
// )} )}
// </DialogContent> </DialogContent>
// </Dialog> </Dialog>
// </div> </div>
// </> </>
// ) : variant === 'disabled' ? ( ) : variant === 'disabled' ? (
// <button <button
// disabled disabled
// className="px-[24px] py-[10px] w-fit text-textSmall leading-textSmall opacity-[0.12] -tracking-[-1%] font-medium bg-lightOnSurfaceDisabled text-lightOnSurface rounded-[40px]"> className="px-[24px] py-[10px] w-fit text-textSmall leading-textSmall opacity-[0.12] -tracking-[-1%] font-medium bg-lightOnSurfaceDisabled text-lightOnSurface rounded-[40px]">
// Недоступно Недоступно
// </button> </button>
// ) : variant === 'selected' ? ( ) : variant === 'selected' ? (
// <button <button
// disabled disabled
// className="px-[24px] py-[10px] w-fit text-textSmall leading-textSmall -tracking-[-1%] font-medium bg-lightOnSurfaceDisabled text-lightOnSurface rounded-[40px]"> className="px-[24px] py-[10px] w-fit text-textSmall leading-textSmall -tracking-[-1%] font-medium bg-lightOnSurfaceDisabled text-lightOnSurface rounded-[40px]">
// Выбрано Выбрано
// </button> </button>
// ) : null} ) : null}
// </div> </div>
// </div> </div>
// ); );
}; };
export default PrizeCard; export default PrizeCard;

206
components/ui/dialog.tsx
View File

@ -1,116 +1,116 @@
// 'use client'; 'use client';
// import * as React from 'react'; import * as React from 'react';
// import * as DialogPrimitive from '@radix-ui/react-dialog'; import * as DialogPrimitive from '@radix-ui/react-dialog';
// import { X } from 'lucide-react'; import { X } from 'lucide-react';
// import { cn } from '@/lib/utils'; import { cn } from '@/lib/utils';
// const Dialog = DialogPrimitive.Root; const Dialog = DialogPrimitive.Root;
// const DialogTrigger = DialogPrimitive.Trigger; const DialogTrigger = DialogPrimitive.Trigger;
// const DialogPortal = DialogPrimitive.Portal; const DialogPortal = DialogPrimitive.Portal;
// const DialogClose = DialogPrimitive.Close; const DialogClose = DialogPrimitive.Close;
// const DialogOverlay = React.forwardRef< const DialogOverlay = React.forwardRef<
// React.ElementRef<typeof DialogPrimitive.Overlay>, React.ElementRef<typeof DialogPrimitive.Overlay>,
// React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay> React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>
// >(({ className, ...props }, ref) => ( >(({ className, ...props }, ref) => (
// <DialogPrimitive.Overlay <DialogPrimitive.Overlay
// ref={ref} ref={ref}
// className={cn( 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', '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, className,
// )} )}
// {...props} {...props}
// /> />
// )); ));
// DialogOverlay.displayName = DialogPrimitive.Overlay.displayName; DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
// const DialogContent = React.forwardRef< const DialogContent = React.forwardRef<
// React.ElementRef<typeof DialogPrimitive.Content>, React.ElementRef<typeof DialogPrimitive.Content>,
// React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>
// >(({ className, children, ...props }, ref) => ( >(({ className, children, ...props }, ref) => (
// <DialogPortal> <DialogPortal>
// <DialogOverlay /> <DialogOverlay />
// <DialogPrimitive.Content <DialogPrimitive.Content
// ref={ref} ref={ref}
// className={cn( 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', '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, className,
// )} )}
// {...props}> {...props}>
// {children} {children}
// <DialogPrimitive.Close className="absolute right-0 top-0 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none "> <DialogPrimitive.Close className="absolute right-0 top-0 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none ">
// <svg <svg
// width="48" width="48"
// height="48" height="48"
// viewBox="0 0 48 48" viewBox="0 0 48 48"
// fill="none" fill="none"
// xmlns="http://www.w3.org/2000/svg"> xmlns="http://www.w3.org/2000/svg">
// <path <path
// d="M25.46 24L31 29.54V31H29.54L24 25.46L18.46 31H17V29.54L22.54 24L17 18.46V17H18.46L24 22.54L29.54 17H31V18.46L25.46 24Z" d="M25.46 24L31 29.54V31H29.54L24 25.46L18.46 31H17V29.54L22.54 24L17 18.46V17H18.46L24 22.54L29.54 17H31V18.46L25.46 24Z"
// fill="#46464F" fill="#46464F"
// /> />
// </svg> </svg>
// <span className="sr-only">Close</span> <span className="sr-only">Close</span>
// </DialogPrimitive.Close> </DialogPrimitive.Close>
// </DialogPrimitive.Content> </DialogPrimitive.Content>
// </DialogPortal> </DialogPortal>
// )); ));
// DialogContent.displayName = DialogPrimitive.Content.displayName; DialogContent.displayName = DialogPrimitive.Content.displayName;
// const DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => ( const DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
// <div className={cn('flex flex-col text-center sm:text-left', className)} {...props} /> <div className={cn('flex flex-col text-center sm:text-left', className)} {...props} />
// ); );
// DialogHeader.displayName = 'DialogHeader'; DialogHeader.displayName = 'DialogHeader';
// const DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => ( const DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
// <div <div
// className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className)} className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className)}
// {...props} {...props}
// /> />
// ); );
// DialogFooter.displayName = 'DialogFooter'; DialogFooter.displayName = 'DialogFooter';
// const DialogTitle = React.forwardRef< const DialogTitle = React.forwardRef<
// React.ElementRef<typeof DialogPrimitive.Title>, React.ElementRef<typeof DialogPrimitive.Title>,
// React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title> React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>
// >(({ className, ...props }, ref) => ( >(({ className, ...props }, ref) => (
// <DialogPrimitive.Title <DialogPrimitive.Title
// ref={ref} ref={ref}
// className={cn('text-lightOnSurface text-heading5 leading-heading5 -tracking-[1%]', className)} className={cn('text-lightOnSurface text-heading5 leading-heading5 -tracking-[1%]', className)}
// {...props} {...props}
// /> />
// )); ));
// DialogTitle.displayName = DialogPrimitive.Title.displayName; DialogTitle.displayName = DialogPrimitive.Title.displayName;
// const DialogDescription = React.forwardRef< const DialogDescription = React.forwardRef<
// React.ElementRef<typeof DialogPrimitive.Description>, React.ElementRef<typeof DialogPrimitive.Description>,
// React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description> React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>
// >(({ className, ...props }, ref) => ( >(({ className, ...props }, ref) => (
// <DialogPrimitive.Description <DialogPrimitive.Description
// ref={ref} ref={ref}
// className={cn( className={cn(
// 'text-lightOnSurfaceVariant text-textSmall leading-textSmall -tracking-[1%]', 'text-lightOnSurfaceVariant text-textSmall leading-textSmall -tracking-[1%]',
// className, className,
// )} )}
// {...props} {...props}
// /> />
// )); ));
// DialogDescription.displayName = DialogPrimitive.Description.displayName; DialogDescription.displayName = DialogPrimitive.Description.displayName;
// export { export {
// Dialog, Dialog,
// DialogPortal, DialogPortal,
// DialogOverlay, DialogOverlay,
// DialogClose, DialogClose,
// DialogTrigger, DialogTrigger,
// DialogContent, DialogContent,
// DialogHeader, DialogHeader,
// DialogFooter, DialogFooter,
// DialogTitle, DialogTitle,
// DialogDescription, DialogDescription,
// }; };