fix

src/shared/types/commonTypes.ts

@@ -1,2 +1,5 @@
 export type AnyFunctional = (...args: any[]) => any;
 export type ComponentWithClassNameProp = { className?: string };
+export type Optional<T> = {
+  [P in keyof T]?: T[P]
+};

src/shared/ui/Button/ButtonGeneral/ButtonGeneral.tsx

@@ -25,15 +25,16 @@ export type ButtonGeneralProps =
   GeneralButtonSquare | GeneralAnchorSquare | GeneralLinkSquare | GeneralButtonIcon;
 
 export const ButtonGeneral: FC<ButtonGeneralProps> = (props) => {
-  const nessaryProps: CommonButtonUIProps = {
-    size: 'm',
-  };
-
   const {
     children,
+    typeButton,
   } = props;
 
-  switch (props.typeButton) {
+  const nessaryProps: CommonButtonUIProps = {
+    size: 'm',
+  };
+
+  switch (typeButton) {
     case 'ButtonSquare':
       return (
         <ButtonSquare {...props} {...nessaryProps}>

src/shared/ui/Button/ButtonIconUI/ButtonIconUI.tsx

@@ -9,15 +9,18 @@ export interface ButtonIconUIProps extends CommonButtonUIProps {
 }
 
 export const ButtonIconUI: FC<ButtonIconUIProps> = ({
-  children, round, classNameButton, ...restProps
+  children, round, classNameButton, disabled, invertedTheme, nonInteractive, size,
 }) => (
   <div
     className={classNames(
       s.buttonIconUI,
       round && s.round,
       classNameButton,
+      s[size],
+      disabled && s.disabled,
+      invertedTheme && s.invertedTheme,
+      nonInteractive && s.nonInteractive,
     )}
-    {...restProps}
   >
     {children}
   </div>

src/shared/ui/Button/ButtonSquare/ButtonSquare.tsx

@@ -20,7 +20,8 @@ export const ButtonSquare: FC<ButtonSquareProps> = ({
 }) => (
   <ButtonWrapper
     classNameWrapper={classNameWrapper}
-    disabled={disabled || isLoading}
+    disabled={disabled}
+    nonInteractive={nonInteractive}
     {...restProps}
   >
     <ButtonSquareUI

src/shared/ui/Button/ButtonWrapper/ButtonWrapper.tsx

@@ -1,10 +1,8 @@
-import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
-import { Wrapper } from '../Wrapper/Wrapper';
+import { ComponentPropsWithoutRef, FC } from 'react';
+import { Optional } from 'shared/types/commonTypes';
+import { Wrapper, WrapperProps } from '../Wrapper/Wrapper';
 
-export interface ButtonWrapperProps extends Omit<ComponentPropsWithoutRef<'button'>, 'className'> {
-  children: ReactNode;
-  classNameWrapper?: string;
-}
+export interface ButtonWrapperProps extends Omit<ComponentPropsWithoutRef<'button'>, 'className' | 'children'>, Optional<WrapperProps> {}
 
 export const ButtonWrapper: FC<ButtonWrapperProps> = ({ children, ...restProps }) => (
   <Wrapper

src/shared/ui/Button/Wrapper/Wrapper.module.scss

@@ -6,3 +6,7 @@
   display: block;
   text-decoration: none;
 }
+
+.nonInteractive {
+  pointer-events: none;
+}

src/shared/ui/Button/Wrapper/Wrapper.tsx

@@ -15,10 +15,14 @@ export type WrapperProps = {
   tag: WrapperTags;
   children: React.ReactNode;
   classNameWrapper?: string,
+  nonInteractive?: boolean,
+  disabled?: boolean,
+  // TODO: Fix
+  typeButton?: any,
 };
 
 export const Wrapper: FC<WrapperProps> = ({
-  children, tag = 'button', classNameWrapper, ...restProps
+  children, tag = 'button', classNameWrapper, disabled, nonInteractive, typeButton, ...restProps
 }) => {
   if (tag === 'a') {
     const restPropsCopy = { ...restProps } as WrapperAttributes['a'];
@@ -42,7 +46,7 @@ export const Wrapper: FC<WrapperProps> = ({
 
   const restPropsCopy = { ...restProps } as WrapperAttributes['button'];
   return (
-    <button className={classNames(s.button, classNameWrapper)} type="button" {...restPropsCopy}>
+    <button disabled={disabled} className={classNames(s.button, classNameWrapper, nonInteractive && s.nonInteractive)} type="button" {...restPropsCopy}>
       {children}
     </button>
   );