From 77ea7d301ecce42a31110fa29b26d513cc4e91ba Mon Sep 17 00:00:00 2001
From: RustamRu <kagapov.rustam@gmail.com>
Date: Sun, 8 Dec 2024 09:57:46 +0300
Subject: [PATCH] feat: order form page (#8)

---
 src/pages/order-create/index.tsx | 41 ++++++++++++++++++++------------
 1 file changed, 26 insertions(+), 15 deletions(-)

diff --git a/src/pages/order-create/index.tsx b/src/pages/order-create/index.tsx
index a6f19cb..e4dd2ad 100644
--- a/src/pages/order-create/index.tsx
+++ b/src/pages/order-create/index.tsx
@@ -1,21 +1,32 @@
-import React from 'react';
-import { Link as RouterLink } from 'react-router-dom';
-import { Button } from '@chakra-ui/react';
+import React, { FC } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Container, Heading, VStack } from '@chakra-ui/react';
 
-import { URLs } from '../../__data__/urls';
-import { mockOrder } from '../../mocks/landing';
+import { LandingThemeProvider } from '../../containers';
+import { OrderForm } from '../../components/order-form';
+
+const Page: FC = () => {
+  const { t } = useTranslation('~', {
+    keyPrefix: 'dry-wash.order-create',
+  });
 
-const Page = () => {
   return (
-    <>
-      <h1>Order form</h1>
-      {mockOrder.orders.map(({ id }) => (
-        <Button key={id} as={RouterLink} to={URLs.orderView.getUrl(id)}>
-          Посмотреть заказ {id}
-        </Button>
-      ))}
-    </>
+    <LandingThemeProvider>
+      <Container
+        w='full'
+        maxWidth='container.xl'
+        minH='100vh'
+        padding={0}
+        bg='white'
+        centerContent
+      >
+        <VStack w='full' h='full' alignItems='stretch' flexGrow={1}>
+          <Heading textAlign='center' mt={4}>{t('title')}</Heading>
+          <OrderForm />
+        </VStack>
+      </Container>
+    </LandingThemeProvider>
   );
 };
 
-export default Page;
+export default Page;
\ No newline at end of file