From d986b0ce5477cc83420cd4427e993fb8cc6d0991 Mon Sep 17 00:00:00 2001
From: ukorvl <u.korotovskiy@nil.foundation>
Date: Tue, 5 Mar 2024 16:17:41 +0400
Subject: [PATCH] rename localStorage package and fix minor issues with Input
 component #146

---
 src/api/common/apiClient.ts                                 | 2 +-
 src/features/auth/components/LoginForm/LoginForm.tsx        | 6 ++----
 src/features/auth/components/RegisterForm/RegisterForm.tsx  | 6 ++----
 src/features/auth/hooks/useLogin.ts                         | 2 +-
 src/features/auth/utils/clearAuthLocalStorageState.ts       | 2 +-
 src/hooks/common/table/useInitialTableState.ts              | 2 +-
 src/hooks/common/useLocalStorage.tsx                        | 4 ++--
 .../{LocalStorage => localStorageAdapter}/LocalStorage.ts   | 0
 .../LocalStorageKey.ts                                      | 0
 src/packages/{LocalStorage => localStorageAdapter}/index.ts | 0
 src/redux/login/sagas/AuthSaga.ts                           | 2 +-
 src/redux/market/reducers/OrderBookReducer.ts               | 2 +-
 src/redux/market/reducers/StatementsReducer.ts              | 2 +-
 13 files changed, 13 insertions(+), 17 deletions(-)
 rename src/packages/{LocalStorage => localStorageAdapter}/LocalStorage.ts (100%)
 rename src/packages/{LocalStorage => localStorageAdapter}/LocalStorageKey.ts (100%)
 rename src/packages/{LocalStorage => localStorageAdapter}/index.ts (100%)

diff --git a/src/api/common/apiClient.ts b/src/api/common/apiClient.ts
index 17ddb4f2..3e3cb516 100644
--- a/src/api/common/apiClient.ts
+++ b/src/api/common/apiClient.ts
@@ -5,7 +5,7 @@
 
 import type { Options } from 'ky';
 import ky from 'ky';
-import { LocalStorageAPI } from '@/packages/localStorage';
+import { LocalStorageAPI } from '@/packages/localStorageAdapter';
 import { getRuntimeConfigOrThrow } from '@/utils';
 import { apiBaseUrl } from './apiHelpers';
 
diff --git a/src/features/auth/components/LoginForm/LoginForm.tsx b/src/features/auth/components/LoginForm/LoginForm.tsx
index 31abd747..e75ebf2b 100644
--- a/src/features/auth/components/LoginForm/LoginForm.tsx
+++ b/src/features/auth/components/LoginForm/LoginForm.tsx
@@ -61,26 +61,24 @@ export const LoginForm = (): ReactElement => {
   return (
     <AuthCard img={logoImge}>
       <form>
-        <FormControl>
+        <FormControl error={!!errors['username']}>
           <Input
             id="userName"
             {...register('username', { required: true })}
             placeholder="username"
             aria-label="username"
             type="text"
-            error={!!errors['username']}
             min={0}
             max={30}
           />
         </FormControl>
-        <FormControl>
+        <FormControl error={!!errors['password']}>
           <Input
             type="password"
             id="password"
             aria-label="password"
             placeholder="password"
             autoComplete="off"
-            error={!!errors['password']}
             {...register('password')}
             min={0}
             max={30}
diff --git a/src/features/auth/components/RegisterForm/RegisterForm.tsx b/src/features/auth/components/RegisterForm/RegisterForm.tsx
index cf753fa0..977ed854 100644
--- a/src/features/auth/components/RegisterForm/RegisterForm.tsx
+++ b/src/features/auth/components/RegisterForm/RegisterForm.tsx
@@ -108,11 +108,10 @@ export const RegisterForm = (): ReactElement => {
         <div>
           <h4 className={css(styles.title)}>Welcome to Proof Market!</h4>
           <div className={`${styles.heading} text-muted`}>Create new account</div>
-          <FormControl>
+          <FormControl error={!!errors['user']}>
             <Input
               type="text"
               id="userName"
-              error={!!errors['user']}
               placeholder="username"
               aria-label="username"
               {...register('user', {
@@ -132,11 +131,10 @@ export const RegisterForm = (): ReactElement => {
             nodeRef={inputAnimationRef}
           >
             <div ref={inputAnimationRef}>
-              <FormControl>
+              <FormControl error={!!errors['passwd']}>
                 <Input
                   type="password"
                   id="password"
-                  error={!!errors['passwd']}
                   aria-label="password"
                   placeholder="password"
                   autoComplete="off"
diff --git a/src/features/auth/hooks/useLogin.ts b/src/features/auth/hooks/useLogin.ts
index cfc30b08..6b98215e 100644
--- a/src/features/auth/hooks/useLogin.ts
+++ b/src/features/auth/hooks/useLogin.ts
@@ -9,7 +9,7 @@ import { useNavigate } from 'react-router-dom';
 import { NOTIFICATION_KIND } from '@nilfoundation/ui-kit';
 import { SetJwtRevalidateTimeout, UpdateIsAuthorized, UpdateUserName } from '@/redux';
 import { Path } from '@/features/routing';
-import { LocalStorageAPI } from '@/packages/localStorage';
+import { LocalStorageAPI } from '@/packages/localStorageAdapter';
 import { getRuntimeConfigOrThrow } from '@/utils';
 import { notificationActions } from '@/features/notifications';
 import { getUserFromJwt } from '@/packages/jwt';
diff --git a/src/features/auth/utils/clearAuthLocalStorageState.ts b/src/features/auth/utils/clearAuthLocalStorageState.ts
index da0f0929..8fa53b4a 100644
--- a/src/features/auth/utils/clearAuthLocalStorageState.ts
+++ b/src/features/auth/utils/clearAuthLocalStorageState.ts
@@ -3,7 +3,7 @@
  * @copyright Yury Korotovskikh <u.korotovskiy@nil.foundation>
  */
 
-import { LocalStorageAPI } from '@/packages/localStorage';
+import { LocalStorageAPI } from '@/packages/localStorageAdapter';
 
 /**
  * Clears localStorage values related to auth state.
diff --git a/src/hooks/common/table/useInitialTableState.ts b/src/hooks/common/table/useInitialTableState.ts
index c6275c38..6d8ccc43 100644
--- a/src/hooks/common/table/useInitialTableState.ts
+++ b/src/hooks/common/table/useInitialTableState.ts
@@ -6,7 +6,7 @@
 import { useCallback } from 'react';
 import { dequal as deepEqual } from 'dequal';
 import type { TableState } from 'react-table';
-import type { LocalStorageKey } from '@/packages/localStorage';
+import type { LocalStorageKey } from '@/packages/localStorageAdapter';
 import { useLocalStorage } from '../useLocalStorage';
 
 /**
diff --git a/src/hooks/common/useLocalStorage.tsx b/src/hooks/common/useLocalStorage.tsx
index 5fd47a4c..80a1a368 100644
--- a/src/hooks/common/useLocalStorage.tsx
+++ b/src/hooks/common/useLocalStorage.tsx
@@ -7,8 +7,8 @@
 
 import { useCallback, useState } from 'react';
 import { dequal as deepEqual } from 'dequal';
-import type { LocalStorageKey } from '@/packages/localStorage';
-import { LocalStorageAPI } from '@/packages/localStorage';
+import type { LocalStorageKey } from '@/packages/localStorageAdapter';
+import { LocalStorageAPI } from '@/packages/localStorageAdapter';
 
 /**
  * Hook to use localStorage in a useState() hook way.
diff --git a/src/packages/LocalStorage/LocalStorage.ts b/src/packages/localStorageAdapter/LocalStorage.ts
similarity index 100%
rename from src/packages/LocalStorage/LocalStorage.ts
rename to src/packages/localStorageAdapter/LocalStorage.ts
diff --git a/src/packages/LocalStorage/LocalStorageKey.ts b/src/packages/localStorageAdapter/LocalStorageKey.ts
similarity index 100%
rename from src/packages/LocalStorage/LocalStorageKey.ts
rename to src/packages/localStorageAdapter/LocalStorageKey.ts
diff --git a/src/packages/LocalStorage/index.ts b/src/packages/localStorageAdapter/index.ts
similarity index 100%
rename from src/packages/LocalStorage/index.ts
rename to src/packages/localStorageAdapter/index.ts
diff --git a/src/redux/login/sagas/AuthSaga.ts b/src/redux/login/sagas/AuthSaga.ts
index 8d16de15..20bd6b2a 100644
--- a/src/redux/login/sagas/AuthSaga.ts
+++ b/src/redux/login/sagas/AuthSaga.ts
@@ -6,7 +6,7 @@
 
 import { fork, put } from 'redux-saga/effects';
 import type { SagaIterator } from '@redux-saga/core';
-import { LocalStorageAPI } from '@/packages/localStorage';
+import { LocalStorageAPI } from '@/packages/localStorageAdapter';
 import { getUserFromJwt } from '@/packages/jwt';
 import { UpdateIsAuthorized, UpdateUserName } from '../actions';
 
diff --git a/src/redux/market/reducers/OrderBookReducer.ts b/src/redux/market/reducers/OrderBookReducer.ts
index 65fe1f45..0fc21a69 100644
--- a/src/redux/market/reducers/OrderBookReducer.ts
+++ b/src/redux/market/reducers/OrderBookReducer.ts
@@ -6,7 +6,7 @@
 import { createReducer } from '@reduxjs/toolkit';
 import type { OrderBookPriceStepType } from '@/enums';
 import type { LastOrderData, OrderBookData } from '@/models';
-import { LocalStorageAPI } from '@/packages/localStorage';
+import { LocalStorageAPI } from '@/packages/localStorageAdapter';
 import {
   UpdateOrderBookData,
   UpdateOrderBookDataError,
diff --git a/src/redux/market/reducers/StatementsReducer.ts b/src/redux/market/reducers/StatementsReducer.ts
index a9a04df9..7a97c9a3 100644
--- a/src/redux/market/reducers/StatementsReducer.ts
+++ b/src/redux/market/reducers/StatementsReducer.ts
@@ -5,7 +5,7 @@
 
 import { createReducer } from '@reduxjs/toolkit';
 import type { Statement, StatementInfo, StatementStats } from '@/models';
-import { LocalStorageAPI } from '@/packages/localStorage';
+import { LocalStorageAPI } from '@/packages/localStorageAdapter';
 import {
   UpdateStatementsList,
   UpdateSelectedStatementKey,