pager modal + car address section
This commit is contained in:
@@ -1,12 +1,10 @@
|
|||||||
'use client';
|
'use client';
|
||||||
|
|
||||||
import InputField from '@/components/input/InputField';
|
import InputField from '@/components/input/InputField';
|
||||||
import { useTranslation } from 'react-i18next';
|
|
||||||
import { useCheckoutStore } from '../../store/Store';
|
import { useCheckoutStore } from '../../store/Store';
|
||||||
import { useCallback, useEffect } from 'react';
|
import { useCallback, useEffect } from 'react';
|
||||||
|
|
||||||
export const CarAddressSection = () => {
|
export const CarAddressSection = () => {
|
||||||
const { t } = useTranslation('parallels', { keyPrefix: 'OrderDetail' });
|
|
||||||
const { carAddress, setCarAddress } = useCheckoutStore();
|
const { carAddress, setCarAddress } = useCheckoutStore();
|
||||||
|
|
||||||
const handleCarModelChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
|
const handleCarModelChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
|
||||||
|
|||||||
@@ -1,8 +1,6 @@
|
|||||||
'use client';
|
'use client';
|
||||||
|
|
||||||
import React, { useState, useEffect } from 'react';
|
import React, { useState, useEffect } from 'react';
|
||||||
import { useTranslation } from 'react-i18next';
|
|
||||||
import { motion } from 'framer-motion';
|
|
||||||
import AnimatedBottomSheet from '@/components/bottomsheet/AnimatedBottomSheet';
|
import AnimatedBottomSheet from '@/components/bottomsheet/AnimatedBottomSheet';
|
||||||
import NotificationBellIcon from '@/components/icons/NotificationBellIcon';
|
import NotificationBellIcon from '@/components/icons/NotificationBellIcon';
|
||||||
import PlusIcon from '@/components/icons/PlusIcon';
|
import PlusIcon from '@/components/icons/PlusIcon';
|
||||||
@@ -19,7 +17,6 @@ type PagerModalProps = {
|
|||||||
};
|
};
|
||||||
|
|
||||||
export default function PagerModal({ visible, onClose }: PagerModalProps) {
|
export default function PagerModal({ visible, onClose }: PagerModalProps) {
|
||||||
const { t } = useTranslation('parallels', { keyPrefix: 'Pager' });
|
|
||||||
const [tableNumber, setTableNumber] = useState(1);
|
const [tableNumber, setTableNumber] = useState(1);
|
||||||
const { mutate: mutatePager, isPending } = usePager();
|
const { mutate: mutatePager, isPending } = usePager();
|
||||||
const [message, setMessage] = useState('');
|
const [message, setMessage] = useState('');
|
||||||
@@ -99,10 +96,10 @@ export default function PagerModal({ visible, onClose }: PagerModalProps) {
|
|||||||
|
|
||||||
<div className='mt-7 flex gap-4 items-center'>
|
<div className='mt-7 flex gap-4 items-center'>
|
||||||
<div className='flex-1'>
|
<div className='flex-1'>
|
||||||
<Button pending={isPending} onClick={handlePage}>پیج کنید</Button>
|
<Button className='h-10' pending={isPending} onClick={handlePage}>پیج کنید</Button>
|
||||||
</div>
|
</div>
|
||||||
<div className='flex-1'>
|
<div className='flex-1'>
|
||||||
<OutlineButton onClick={handleClose} variant="outline" className="w-full bg-white rounded-normal p-3 font-normal text-sm">انصراف</OutlineButton>
|
<OutlineButton onClick={handleClose} variant="outline" className="w-full bg-white rounded-normal h-10 font-normal text-sm">انصراف</OutlineButton>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user