code7-leia 0.1.140 → 0.1.143

package/dist/components/EmptyState/index.d.ts

@@ -10,7 +10,7 @@ interface EmptyStateProps {
     button?: ReactElement;
     backgroundIcon?: string;
     backgroundColor?: string;
-    hasBorder?: boolean;
+    hasborder?: boolean;
 }
 declare const EmptyState: FC<EmptyStateProps>;
 export default EmptyState;

package/dist/components/EmptyState/styles.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 interface ContainerProps {
-    hasBorder?: boolean;
-    backgroundColor?: string;
-    backgroundIcon?: string;
+    hasborder?: boolean;
+    backgroundcolor?: string;
+    backgroundicon?: string;
 }
 export declare const Container: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContainerProps>>;
 export {};

package/dist/components/FileArea/components/Modal/ModalContent.d.ts

@@ -1,8 +1,8 @@
 import React, { ReactNode } from 'react';
 interface ModalContentProps {
     children: ReactNode;
-    maxHeight?: string;
-    overflowY?: string;
+    maxheight?: string;
+    overflowy?: string;
 }
 declare const ModalContent: React.FC<ModalContentProps>;
 export default ModalContent;

package/dist/components/FileArea/components/Modal/index.d.ts

@@ -5,17 +5,17 @@ import ModalHeader from './ModalHeader';
 import ModalTitle from './ModalTitle';
 import ModalButtonClose from './ModalButtonClose';
 interface ModalProps {
-    isOpen: boolean;
+    isopen: boolean;
     style?: React.CSSProperties;
-    maxWidth?: string;
-    maxHeight?: string;
+    maxwidth?: string;
+    maxheight?: string;
     className?: string;
     title?: string | React.ReactElement | React.ComponentType;
     children: React.ReactNode;
     onClose?: () => void;
     contentStyle?: React.CSSProperties;
-    isFixed?: boolean;
-    zIndex?: number;
+    isfixed?: boolean;
+    zindex?: number;
 }
 declare const Modal: React.FC<ModalProps>;
 export { ModalHeader, ModalTitle, ModalButtonClose, ModalContent, ModalFooter };

package/dist/components/FileArea/components/Modal/styles.d.ts

@@ -1,25 +1,25 @@
 /// <reference types="react" />
 interface FullScreenProps {
-    isOpen: number;
-    isFixed: number;
-    zIndex: number;
+    isopen: number;
+    isfixed: number;
+    zindex: number;
 }
 export declare const FullScreen: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, FullScreenProps>>;
 interface ModalProps {
-    maxWidth?: string;
-    maxHeight?: string;
+    maxwidth?: string;
+    maxheight?: string;
 }
 export declare const Modal: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ModalProps>>;
 interface ModalContainerProps {
-    maxHeight?: string;
+    maxheight?: string;
 }
 export declare const ModalContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ModalContainerProps>>;
 export declare const ModalHeader: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>>;
 export declare const ModalTitle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
 export declare const ModalButtonClose: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>;
 interface ModalContentWrapperProps {
-    overflowY?: string;
-    maxHeight?: string;
+    overflowy?: string;
+    maxheight?: string;
 }
 export declare const ModalContentWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ModalContentWrapperProps>>;
 export declare const ModalFooterWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/dist/components/FileArea/styles.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 interface ContainerProps {
-    isLoading?: boolean;
+    isloading?: boolean;
 }
 export declare const Container: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContainerProps>>;
 export declare const Header: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/dist/components/TestArea/styles.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 interface ContainerProps {
-    isLoading?: boolean;
+    isloading?: boolean;
 }
 export declare const Container: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContainerProps>>;
 export declare const Header: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/dist/interface/Table.d.ts

@@ -3,7 +3,7 @@ export interface TableProps {
     children: React.ReactNode;
     className?: string;
     size?: 'small' | 'medium' | 'large';
-    isLoading?: boolean;
+    isloading?: boolean;
 }
 export interface SpinnerProps {
     color?: string;

package/dist/store/modules/reducer.d.ts

@@ -1,13 +1,13 @@
 export default function filesReducer(state: {
     files: never[];
     message: string;
-    isLoading: boolean;
+    isloading: boolean;
     isChanging: boolean;
     isOffline: boolean;
 } | undefined, action: any): {
     files: never[];
     message: string;
-    isLoading: boolean;
+    isloading: boolean;
     isChanging: boolean;
     isOffline: boolean;
 };

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.1.140",
+  "version": "0.1.143",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/src/components/EmptyState/index.tsx

@@ -13,7 +13,7 @@ interface EmptyStateProps {
   button?: ReactElement;
   backgroundIcon?: string;
   backgroundColor?: string;
-  hasBorder?: boolean;
+  hasborder?: boolean;
 }
 
 const EmptyState: FC<EmptyStateProps> = ({
@@ -27,14 +27,14 @@ const EmptyState: FC<EmptyStateProps> = ({
   button,
   backgroundIcon,
   backgroundColor,
-  hasBorder,
+  hasborder,
   ...rest
 }) => {
   return (
     <S.Container
-      backgroundIcon={backgroundIcon}
-      backgroundColor={backgroundColor}
-      hasBorder={hasBorder}
+      backgroundicon={backgroundIcon}
+      backgroundcolor={backgroundColor}
+      hasborder={hasborder}
       {...rest}
     >
       <div className="content">
@@ -70,7 +70,7 @@ EmptyState.propTypes = {
   button: PropTypes.element,
   backgroundIcon: PropTypes.string,
   backgroundColor: PropTypes.string,
-  hasBorder: PropTypes.bool,
+  hasborder: PropTypes.bool,
 };
 
 EmptyState.defaultProps = {
@@ -82,7 +82,7 @@ EmptyState.defaultProps = {
   widthButton: '140px',
   backgroundIcon: 'var(--neutral-0)',
   backgroundColor: 'var(--absolute-white)',
-  hasBorder: true,
+  hasborder: true,
 };
 
 export default EmptyState;

package/src/components/EmptyState/styles.tsx

@@ -1,9 +1,9 @@
 import styled from 'styled-components';
 
 interface ContainerProps {
-  hasBorder?: boolean;
-  backgroundColor?: string;
-  backgroundIcon?: string;
+  hasborder?: boolean;
+  backgroundcolor?: string;
+  backgroundicon?: string;
 }
 
 export const Container = styled.div<ContainerProps>`
@@ -13,8 +13,8 @@ export const Container = styled.div<ContainerProps>`
   padding: 24px 0;
   height: 193px;
 
-  background: ${({ hasBorder }) =>
-    hasBorder &&
+  background: ${({ hasborder }) =>
+    hasborder &&
     `linear-gradient(
         to right,
         #dadce3 50%,
@@ -26,7 +26,7 @@ export const Container = styled.div<ContainerProps>`
   background-position: top, right, bottom, left;
   background-repeat: repeat-x, repeat-y;
   background-size: 40px 1px, 1px 40px;
-  background-color: ${({ backgroundColor }) => backgroundColor};
+  background-color: ${({ backgroundcolor }) => backgroundcolor};
 
   & .content {
     display: flex;
@@ -34,7 +34,7 @@ export const Container = styled.div<ContainerProps>`
     align-items: center;
 
     & > .icon {
-      background-color: ${({ backgroundIcon }) => backgroundIcon};
+      background-color: ${({ backgroundicon }) => backgroundicon};
       border-radius: 16px;
       width: 145px;
       height: 145px;

package/src/components/FileArea/components/Modal/ModalContent.tsx

@@ -5,13 +5,13 @@ import { ModalContentWrapper } from './styles';
 
 interface ModalContentProps {
   children: ReactNode;
-  maxHeight?: string;
-  overflowY?: string;
+  maxheight?: string;
+  overflowy?: string;
 }
 
-const ModalContent: React.FC<ModalContentProps> = ({ children, maxHeight = 'max-content', overflowY = 'initial', ...rest }) => {
+const ModalContent: React.FC<ModalContentProps> = ({ children, maxheight = 'max-content', overflowy = 'initial', ...rest }) => {
   return (
-    <ModalContentWrapper maxHeight={maxHeight} overflowY={overflowY} {...rest}>
+    <ModalContentWrapper maxheight={maxheight} overflowy={overflowy} {...rest}>
       {children}
     </ModalContentWrapper>
   );
@@ -19,8 +19,8 @@ const ModalContent: React.FC<ModalContentProps> = ({ children, maxHeight = 'max-
 
 ModalContent.propTypes = {
   children: PropTypes.node.isRequired,
-  maxHeight: PropTypes.string,
-  overflowY: PropTypes.string,
+  maxheight: PropTypes.string,
+  overflowy: PropTypes.string,
 };
 
 export default ModalContent;

package/src/components/FileArea/components/Modal/index.tsx

@@ -10,31 +10,31 @@ import ModalTitle from './ModalTitle';
 import ModalButtonClose from './ModalButtonClose';
 
 interface ModalProps {
-  isOpen: boolean;
+  isopen: boolean;
   style?: React.CSSProperties;
-  maxWidth?: string;
-  maxHeight?: string;
+  maxwidth?: string;
+  maxheight?: string;
   className?: string;
   title?: string | React.ReactElement | React.ComponentType;
   children: React.ReactNode;
   onClose?: () => void;
   contentStyle?: React.CSSProperties;
-  isFixed?: boolean;
-  zIndex?: number;
+  isfixed?: boolean;
+  zindex?: number;
 }
 
 const Modal: React.FC<ModalProps> = ({
-  isOpen,
+  isopen,
   style,
-  maxWidth,
-  maxHeight,
+  maxwidth,
+  maxheight,
   className,
   title,
   children,
   onClose,
   contentStyle,
-  isFixed,
-  zIndex,
+  isfixed,
+  zindex,
 }) => {
   const modalRef = useRef<HTMLDivElement>(null);
 
@@ -44,30 +44,30 @@ const Modal: React.FC<ModalProps> = ({
         // ESC Key
         27: () => {
           e.preventDefault();
-          if (!isFixed && onClose) {
+          if (!isfixed && onClose) {
             onClose();
           }
           window.removeEventListener('keyup', handleKeyUp, false);
         },
       };
 
-      if (keys[e.keyCode] && isOpen) {
+      if (keys[e.keyCode] && isopen) {
         keys[e.keyCode]();
       }
     },
-    [onClose, isOpen, isFixed]
+    [onClose, isopen, isfixed]
   );
 
   const handleOutsideClick = useCallback(
     (e: MouseEvent) => {
       if (modalRef.current && modalRef.current.parentNode === e.target) {
-        if (!isFixed && onClose) {
+        if (!isfixed && onClose) {
           onClose();
         }
         document.removeEventListener('click', handleOutsideClick, false);
       }
     },
-    [onClose, isFixed]
+    [onClose, isfixed]
   );
 
   useEffect(() => {
@@ -81,9 +81,9 @@ const Modal: React.FC<ModalProps> = ({
   }, [handleKeyUp, handleOutsideClick]);
 
   return (
-    <S.FullScreen isFixed={isFixed ? 1 : 0} isOpen={isOpen ? 1 : 0} zIndex={zIndex ?? 0}>
-      <S.Modal ref={modalRef} style={style} maxWidth={maxWidth} className={className}>
-        <S.ModalContainer className="styleOverlay" maxHeight={maxHeight} style={contentStyle}>
+    <S.FullScreen isfixed={isfixed ? 1 : 0} isopen={isopen ? 1 : 0} zindex={zindex ?? 0}>
+      <S.Modal ref={modalRef} style={style} maxwidth={maxwidth} className={className}>
+        <S.ModalContainer className="styleOverlay" maxheight={maxheight} style={contentStyle}>
             <S.ModalHeader>
               <S.ModalTitle>{String(title)}</S.ModalTitle>
               <S.ModalButtonClose type="button" onClick={onClose}>
@@ -98,7 +98,7 @@ const Modal: React.FC<ModalProps> = ({
 };
 
 Modal.propTypes = {
-  isOpen: PropTypes.bool.isRequired,
+  isopen: PropTypes.bool.isRequired,
   title: PropTypes.oneOfType([
     PropTypes.element,
     PropTypes.string,
@@ -109,10 +109,10 @@ Modal.propTypes = {
   style: PropTypes.objectOf(PropTypes.any),
   contentStyle: PropTypes.objectOf(PropTypes.any),
   className: PropTypes.string,
-  maxWidth: PropTypes.string,
-  maxHeight: PropTypes.string,
-  isFixed: PropTypes.bool,
-  zIndex: PropTypes.number,
+  maxwidth: PropTypes.string,
+  maxheight: PropTypes.string,
+  isfixed: PropTypes.bool,
+  zindex: PropTypes.number,
 };
 
 Modal.defaultProps = {
@@ -120,11 +120,11 @@ Modal.defaultProps = {
   style: {},
   contentStyle: {},
   className: '',
-  maxWidth: '360px',
-  maxHeight: 'max-content',
-  isFixed: false,
+  maxwidth: '360px',
+  maxheight: 'max-content',
+  isfixed: false,
   onClose: () => {},
-  zIndex: 9999,
+  zindex: 9999,
 };
 
 export { ModalHeader, ModalTitle, ModalButtonClose, ModalContent, ModalFooter };

package/src/components/FileArea/components/Modal/styles.tsx

@@ -1,14 +1,14 @@
 import styled from 'styled-components';
 
 interface FullScreenProps {
-  isOpen: number;
-  isFixed: number;
-  zIndex: number;
+  isopen: number;
+  isfixed: number;
+  zindex: number;
 }
 
 export const FullScreen = styled.div<FullScreenProps>`
-  display: ${({ isOpen }) => (isOpen === 1 ? 'flex' : 'none')};
-  cursor: ${({ isFixed }) => (isFixed === 0 ? 'pointer' : 'default')};
+  display: ${({ isopen }) => (isopen === 1 ? 'flex' : 'none')};
+  cursor: ${({ isfixed }) => (isfixed === 0 ? 'pointer' : 'default')};
 
   position: fixed;
   top: 0;
@@ -17,7 +17,7 @@ export const FullScreen = styled.div<FullScreenProps>`
   bottom: 0;
   justify-content: center;
   align-items: center;
-  z-index: ${({ zIndex }) => zIndex};
+  z-index: ${({ zindex }) => zindex};
   animation: fadeIn 380ms ease-in-out 1;
   background-color: #2f3845b8;
   backdrop-filter: blur(2px);
@@ -33,8 +33,8 @@ export const FullScreen = styled.div<FullScreenProps>`
 `;
 
 interface ModalProps {
-  maxWidth?: string;
-  maxHeight?: string;
+  maxwidth?: string;
+  maxheight?: string;
 }
 
 export const Modal = styled.div<ModalProps>`
@@ -43,7 +43,7 @@ export const Modal = styled.div<ModalProps>`
   position: relative;
   cursor: default;
   width: 100%;
-  max-width: ${({ maxWidth }) => maxWidth};
+  max-width: ${({ maxwidth }) => maxwidth};
   animation: slideIn 350ms cubic-bezier(0.42, 0, 0.21, 1) 1;
 
   @keyframes slideIn {
@@ -64,13 +64,13 @@ export const Modal = styled.div<ModalProps>`
 `;
 
 interface ModalContainerProps {
-  maxHeight?: string;
+  maxheight?: string;
 }
 
 export const ModalContainer = styled.div<ModalContainerProps>`
   width: 100%;
   overflow-y: auto;
-  max-height: ${({ maxHeight }) => maxHeight};
+  max-height: ${({ maxheight }) => maxheight};
 `;
 
 export const ModalHeader = styled.header`
@@ -100,14 +100,14 @@ export const ModalButtonClose = styled.button`
 `;
 
 interface ModalContentWrapperProps {
-  overflowY?: string;
-  maxHeight?: string;
+  overflowy?: string;
+  maxheight?: string;
 }
 
 export const ModalContentWrapper = styled.div<ModalContentWrapperProps>`
   width: 100%;
-  overflow-y: ${({ overflowY }) => overflowY};
-  max-height: ${({ maxHeight }) => maxHeight};
+  overflow-y: ${({ overflowy }) => overflowy};
+  max-height: ${({ maxheight }) => maxheight};
   padding: var(--spacement-medium);
 `;
 

package/src/components/FileArea/components/Table/index.tsx

@@ -8,10 +8,10 @@ import Spinner from '../Spinner';
 import { TableProps } from '../../../../interface/Table'
 
 const Table = forwardRef(
-  ({ size = 'medium', children, isLoading = false, className = '', ...props }: TableProps, ref: Ref<HTMLTableElement>) => {
+  ({ size = 'medium', children, isloading = false, className = '', ...props }: TableProps, ref: Ref<HTMLTableElement>) => {
     return (
       <S.TableWrapper className={className}>
-        {isLoading ? (
+        {isloading ? (
           <S.TableLoadingWrapper>
             <Spinner />
           </S.TableLoadingWrapper>
@@ -28,7 +28,7 @@ Table.propTypes = {
   children: PropTypes.node.isRequired,
   className: PropTypes.string,
   size: PropTypes.oneOf(['small', 'medium', 'large']),
-  isLoading: PropTypes.bool,
+  isloading: PropTypes.bool,
 };
 
 export default Table;

package/src/components/FileArea/index.tsx

@@ -32,7 +32,7 @@ export const FileArea = () => {
   const t = getLanguage(language)
   const dispatch = useDispatch();
   const initFiles = useSelector((state: any) => state.files);
-  const isLoading = useSelector((state: any) => state.isLoading);
+  const isloading = useSelector((state: any) => state.isloading);
   const tags = propTags ? propTags.tags : [];
 
   useEffect(() => {
@@ -105,7 +105,7 @@ export const FileArea = () => {
 
   const renderFiles = () => {  
     return (
-      <S.Container isLoading={isLoading}>
+      <S.Container isloading={isloading}>
         <div id='loading' />
         <S.Header>
           <div className='infos'>
@@ -131,13 +131,13 @@ export const FileArea = () => {
           ) : <Table>
                 <thead>
                   <tr>
-                    <th className="th_file_name">
+                    <th key="th_file_name" className="th_file_name">
                       {t.fileArea.fileName}
                     </th>
-                    <th className="th_pressets">
+                    <th key="th_pressets" className="th_pressets">
                     {t.fileArea.presset}
                     </th>
-                    <th className="th_actions">
+                    <th key="th_actions" className="th_actions">
                     {t.fileArea.actions}
                     </th>
                   </tr>
@@ -159,9 +159,9 @@ export const FileArea = () => {
               </Table>
         }
         <Modal
-          isOpen={modal}
-          maxWidth="600px"
-          maxHeight="max-content"
+          isopen={modal}
+          maxwidth="600px"
+          maxheight="max-content"
           onClose={handleOpenModal}
           title={t.fileArea.modal.uploadFile}
           >
@@ -188,9 +188,9 @@ export const FileArea = () => {
             
         </Modal>
         <Modal
-        isOpen={modalDelete}
-        maxWidth="600px"
-        maxHeight="max-content"
+        isopen={modalDelete}
+        maxwidth="600px"
+        maxheight="max-content"
         onClose={() => handleOpenModalDelete('')}
         title={t.fileArea.modal.deleteFileTitle}
         >

package/src/components/FileArea/styles.tsx

@@ -1,12 +1,12 @@
 import styled, { css }  from 'styled-components';
 
 interface ContainerProps {
-  isLoading?: boolean;
+  isloading?: boolean;
 }
 
 export const Container = styled.div<ContainerProps>`
   ${(props) =>
-    props.isLoading &&
+    props.isloading &&
     css`
       #loading {
         position: fixed;

package/src/components/TestArea/index.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react';
+import React, { useState } from 'react';
 import { getLanguage } from '../../utils/getLanguage'
 import * as S from './styles';
 import Select from '../Select'
@@ -15,17 +15,13 @@ export const TestArea = () => {
   const { id, language, personas, propTags } = useSharedProps();
   const t = getLanguage(language)
   const results = useSelector((state: any) => state.message);
-  const isLoading = useSelector((state: any) => state.isLoading);
+  const isloading = useSelector((state: any) => state.isloading);
   const [search, setSearch] = useState('');
   const [profile, setProfile] = useState('');
   const [presset, setPresset] = useState('');
   const dispatch = useDispatch();
   const tags = propTags ? propTags.tags : [];
 
-  useEffect(() => {
-    console.log('isLoading: ', isLoading)
-  }, [isLoading])
-
 
   const optionsPersona = personas && personas.map(persona => {
     return { label: persona.name, value: persona.name }
@@ -57,7 +53,8 @@ export const TestArea = () => {
 
   const returnTest = () => {  
     return (
-      <S.Container isLoading={isLoading}>
+      <S.Container isloading={isloading}>
+        <div id='loading' />
         <S.Header>
           <div className='infos'>
             <h2>{t.test}</h2>

package/src/components/TestArea/styles.tsx

@@ -1,13 +1,13 @@
 import styled, { css } from 'styled-components';
 
 interface ContainerProps {
-  isLoading?: boolean;
+  isloading?: boolean;
 }
 
 
 export const Container = styled.div<ContainerProps>`
   ${(props) =>
-    props.isLoading &&
+    props.isloading &&
     css`
       #loading {
         position: fixed;

package/src/interface/Table.ts

@@ -2,7 +2,7 @@ export interface TableProps {
   children: React.ReactNode;
   className?: string;
   size?: 'small' | 'medium' | 'large';
-  isLoading?: boolean;
+  isloading?: boolean;
 }
 
 export interface SpinnerProps {

package/src/store/modules/reducer.ts

@@ -4,7 +4,7 @@ import types from './types'
 const INITIAL_STATE = {
     files: [],
     message: '',
-    isLoading: false,
+    isloading: false,
     isChanging: false,
     isOffline: true,
 }
@@ -22,10 +22,10 @@ export default function filesReducer(state = INITIAL_STATE, action: any) {
                 draft.message = action.payload.message;
                 break;
             case types.LOADING_START:
-                draft.isLoading = true;
+                draft.isloading = true;
                 break;
             case types.LOADING_FINISH:
-                draft.isLoading = false;
+                draft.isloading = false;
                 break;
             case types.CHANGING_START:
                 draft.isChanging = true;