rename localStorage package and fix minor issues with Input component #…

…146

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';
 

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}

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"

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';

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.

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';
 
 /**

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.

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';
 

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,

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,