From 49c1423f361f207f5e1d125d010be9cfe58179f6 Mon Sep 17 00:00:00 2001
From: Kirill Klimenko <klimenkomud@gmail.com>
Date: Mon, 18 Mar 2024 21:11:30 +0100
Subject: [PATCH] Add comment describing placement of ModalProvider, better
 typing for Textarea resize prop

---
 src/components/ui/forms/InputComponent.tsx | 4 ++--
 src/router.tsx                             | 3 +++
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/ui/forms/InputComponent.tsx b/src/components/ui/forms/InputComponent.tsx
index d9b23809d0..a6ba4913b5 100644
--- a/src/components/ui/forms/InputComponent.tsx
+++ b/src/components/ui/forms/InputComponent.tsx
@@ -44,7 +44,7 @@ interface TextareaProps extends Omit<BaseProps, 'children'> {
   onChange: React.ChangeEventHandler<HTMLTextAreaElement> | undefined;
   placeholder?: string;
   rows?: number;
-  resize?: ResponsiveValue<string>;
+  resize?: ResponsiveValue<'vertical' | 'horizontal' | 'both' | 'none'>;
 }
 interface BigNumberProps
   extends Omit<BaseProps, 'children' | 'value'>,
@@ -161,7 +161,7 @@ export function TextareaComponent(props: TextareaProps) {
     >
       <Textarea
         id={id}
-        resize={resize as any}
+        resize={resize}
         onChange={onChange}
         value={value}
         isDisabled={disabled}
diff --git a/src/router.tsx b/src/router.tsx
index dfda241782..0779767930 100644
--- a/src/router.tsx
+++ b/src/router.tsx
@@ -21,6 +21,9 @@ export const router = createBrowserRouter([
   {
     path: '/',
     element: (
+      // We're placing ModalProvider here instead of src/providers/Providers.tsx due to the need of having router context
+      // within underlying modals. Otherwise - trying to invoke routing-related hooks would lead to crash.
+      // Not the best place to have this provider here but also more reasonalbe than putting that into <Layout />
       <ModalProvider>
         <Layout />
       </ModalProvider>