fix: change review-form dialog-trigger btn
This commit is contained in:
parent
3e90019de2
commit
2872d6c1dd
@ -109,27 +109,17 @@ export function ReviewForm() {
|
|||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className='fixed right-6 bottom-6 z-50'>
|
<div>
|
||||||
<Dialog
|
<Dialog
|
||||||
open={openReviewFormDialog}
|
open={openReviewFormDialog}
|
||||||
onOpenChange={setOpenReviewFormDialog}
|
onOpenChange={setOpenReviewFormDialog}
|
||||||
>
|
>
|
||||||
<Tooltip>
|
|
||||||
<TooltipTrigger asChild>
|
|
||||||
<DialogTrigger asChild>
|
<DialogTrigger asChild>
|
||||||
<Button
|
<Button className='flex shadow-lg transition-all duration-300 hover:scale-105'>
|
||||||
size='icon'
|
<Plus />
|
||||||
className='flex size-10 rounded-full shadow-lg transition-all duration-300 hover:scale-105 sm:size-14'
|
<span>Добавить отзыв</span>
|
||||||
>
|
|
||||||
<Plus className='!size-5 sm:!size-6' />
|
|
||||||
<span className='sr-only'>Добавить отзыв</span>
|
|
||||||
</Button>
|
</Button>
|
||||||
</DialogTrigger>
|
</DialogTrigger>
|
||||||
</TooltipTrigger>
|
|
||||||
<TooltipContent>
|
|
||||||
<p>Добавить отзыв</p>
|
|
||||||
</TooltipContent>
|
|
||||||
</Tooltip>
|
|
||||||
<DialogContent className='overflow-hidden rounded-xl border-none bg-white/95 p-0 shadow-xl backdrop-blur-sm sm:max-w-[500px]'>
|
<DialogContent className='overflow-hidden rounded-xl border-none bg-white/95 p-0 shadow-xl backdrop-blur-sm sm:max-w-[500px]'>
|
||||||
<div className='p-6'>
|
<div className='p-6'>
|
||||||
<DialogHeader className='pb-4'>
|
<DialogHeader className='pb-4'>
|
||||||
|
|||||||
@ -7,6 +7,8 @@ import Link from 'next/link';
|
|||||||
import { Reviews } from '@/app/api-utlities/@types';
|
import { Reviews } from '@/app/api-utlities/@types';
|
||||||
import { AboutUsPageData } from '@/app/api-utlities/@types/pages';
|
import { AboutUsPageData } from '@/app/api-utlities/@types/pages';
|
||||||
|
|
||||||
|
import { ReviewForm } from '@/features/review-form/ui';
|
||||||
|
|
||||||
import AnimatedCounter from '@/shared/components/animated-counter';
|
import AnimatedCounter from '@/shared/components/animated-counter';
|
||||||
import { Container } from '@/shared/components/container';
|
import { Container } from '@/shared/components/container';
|
||||||
import { Rating } from '@/shared/components/rating';
|
import { Rating } from '@/shared/components/rating';
|
||||||
@ -18,7 +20,6 @@ import { Card, CardContent } from '@/shared/shadcn-ui/card';
|
|||||||
import { CompanyTimeline } from '@/widgets/about-page/company-timeline';
|
import { CompanyTimeline } from '@/widgets/about-page/company-timeline';
|
||||||
import { StationGallery } from '@/widgets/about-page/station-gallery';
|
import { StationGallery } from '@/widgets/about-page/station-gallery';
|
||||||
import { CtaSection } from '@/widgets/cta-section';
|
import { CtaSection } from '@/widgets/cta-section';
|
||||||
import { ReviewForm } from '@/features/review-form/ui';
|
|
||||||
|
|
||||||
export interface AboutPageProps {
|
export interface AboutPageProps {
|
||||||
content: AboutUsPageData;
|
content: AboutUsPageData;
|
||||||
@ -295,7 +296,9 @@ export default function AboutPage({ content }: AboutPageProps) {
|
|||||||
<Review key={review.id} review={review} />
|
<Review key={review.id} review={review} />
|
||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
|
<div className='mt-4 flex w-full justify-end'>
|
||||||
<ReviewForm />
|
<ReviewForm />
|
||||||
|
</div>
|
||||||
</Container>
|
</Container>
|
||||||
|
|
||||||
<CtaSection />
|
<CtaSection />
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user