From a9619f0f0dd01a854e78144a161df6196232f12e Mon Sep 17 00:00:00 2001
From: Evgeny Zakharov <to@risen.dev>
Date: Thu, 19 Oct 2023 18:40:03 +0400
Subject: [PATCH] Revert "feat: disable appointment creating"

This reverts commit d56c89c9a694c6d7d75344a9896f0a6efef324a1.
---
 src/pages/appointments/page.tsx               | 28 ++++++++----
 src/pages/home/page.tsx                       |  2 +
 .../ui/feedback/notification/notification.tsx | 45 ++++++++++++-------
 3 files changed, 50 insertions(+), 25 deletions(-)

diff --git a/src/pages/appointments/page.tsx b/src/pages/appointments/page.tsx
index f598312..8c33814 100644
--- a/src/pages/appointments/page.tsx
+++ b/src/pages/appointments/page.tsx
@@ -6,7 +6,13 @@ import {
 import { useBackRoute } from '@features/go-back'
 import { routes } from '@routing/shared'
 import { Appointment } from '@shared/api/webapp/types'
-import { ButtonLink, Container, ResultCard, Skeleton } from '@shared/ui'
+import {
+  ButtonLink,
+  Container,
+  ResultCard,
+  Skeleton,
+  StickyActions,
+} from '@shared/ui'
 import { BaseTemplate } from '@templates/base'
 import { Header } from '@widgets/header'
 import { useUnit } from 'effector-react'
@@ -56,16 +62,11 @@ const Content = () => {
         description={[
           <Fragment key={1}>
             После покупки записи здесь можно будет отслеживать текущее место в
-            очереди и примерное количество дней до получения слота На данный
-            момент запись в консульство недоступна из-за высокой загруженности
+            очереди и примерное количество дней до получения слота
           </Fragment>,
         ]}
         actions={
-          <ButtonLink
-            to={routes.appointmentCreate}
-            fluid={true}
-            disabled={true}
-          >
+          <ButtonLink to={routes.appointmentCreate} fluid={true}>
             Записаться в консульство
           </ButtonLink>
         }
@@ -103,5 +104,14 @@ const Content = () => {
     },
   )
 
-  return <>{appointmentsJsx}</>
+  return (
+    <>
+      {appointmentsJsx}
+      <StickyActions>
+        <ButtonLink to={routes.appointmentCreate} fluid={true}>
+          Добавить запись
+        </ButtonLink>
+      </StickyActions>
+    </>
+  )
 }
diff --git a/src/pages/home/page.tsx b/src/pages/home/page.tsx
index f24358b..9ffd2ff 100644
--- a/src/pages/home/page.tsx
+++ b/src/pages/home/page.tsx
@@ -1,3 +1,4 @@
+import { StickyPurchaseOffer } from '@features/show-sticky-purchase-offer'
 import { routes } from '@routing/shared'
 import { Container } from '@shared/ui'
 import { BaseTemplate } from '@templates/base'
@@ -52,6 +53,7 @@ export const HomePage = () => {
           }}
         />
       </Container>
+      <StickyPurchaseOffer />
     </BaseTemplate>
   )
 }
diff --git a/src/shared/ui/feedback/notification/notification.tsx b/src/shared/ui/feedback/notification/notification.tsx
index 81dbc97..aed1016 100644
--- a/src/shared/ui/feedback/notification/notification.tsx
+++ b/src/shared/ui/feedback/notification/notification.tsx
@@ -5,25 +5,42 @@ import toast, {
   ToastType,
   ValueFunction,
 } from 'react-hot-toast'
-import { Icon, IconName, Typography } from '../../index'
+import { Icon, Typography } from '../../index'
 import css from './styles.module.css'
 
-interface IconConfig {
-  name: IconName
-  color: string
-}
+function mapTypeToIcon(type: ToastType) {
+  if (type === 'error')
+    return (
+      <Icon
+        name="cross-circle"
+        className={clsx(css.icon, 'text-failure')}
+        size={32}
+      />
+    )
+
+  if (type === 'success')
+    return (
+      <Icon
+        name="checkmark-circle"
+        className={clsx(css.icon, 'text-[#21C02E]')}
+        size={32}
+      />
+    )
 
-const icons: Record<ToastType, IconConfig> = {
-  error: { name: 'cross-circle', color: 'text-failure' },
-  success: { name: 'checkmark-circle', color: 'text-[#21C02E]' },
-  custom: { name: 'cross-circle', color: 'text-blue-900' },
-  loading: { name: 'cross-circle', color: 'text-blue-900' },
-  blank: { name: 'cross-circle', color: 'text-blue-900' },
+  return (
+    <Icon
+      name="time-circle"
+      className={clsx(css.icon, 'text-blue-900')}
+      size={32}
+    />
+  )
 }
 
 export const createNotificationComponent =
   (type: ToastType, message: string): ValueFunction<Renderable, Toast> =>
   ({ id, visible }) => {
+    const icon = mapTypeToIcon(type)
+
     return (
       <div
         className={clsx(css.notification)}
@@ -32,11 +49,7 @@ export const createNotificationComponent =
         data-visible={visible}
         onClick={() => toast.dismiss(id)}
       >
-        <Icon
-          className={clsx(css.icon, icons[type].color)}
-          name={icons[type].name}
-          size={32}
-        />
+        {icon}
         <Typography.Paragraph
           color="primary"
           dangerouslySetInnerHTML={{ __html: message }}