refactor(*): remove CustomStylesWrapper - i320

Signed-off-by: Lenvin Gonsalves <[email protected]>
accordproject · May 5, 2020 · 06bf8ce · 06bf8ce
1 parent 184a711
commit 06bf8ce
Show file tree

Hide file tree

Showing 6 changed files with 2 additions and 85 deletions.
diff --git a/src/ErrorLogger/customStyles.js b/src/ErrorLogger/customStyles.js
diff --git a/src/ErrorLogger/index.js b/src/ErrorLogger/index.js
@@ -11,9 +11,6 @@ import * as SC from './styles';
 /* Component */
 import ErrorComponent from './Error';
 
-/** classNames exposed for user-defined styling */
-import {CustomStylesWrapper} from './customStyles';
-
 const ErrorLogger = (props) => {
   const { errors, errorNav } = props;
   const errorLength = Object.keys(errors).length ? Object.keys(errors).length : 0;
@@ -51,7 +48,7 @@ const ErrorLogger = (props) => {
       key={ACT.keySwitchCase(errorValue)} />);
 
   return (
-    <CustomStylesWrapper>
+    <div>
       {errorsVisible
         && <SC.ErrorDisplay {...displayProps} className='errorDisplay'>
             {errorComponentGenerator(errors)}
@@ -63,7 +60,7 @@ const ErrorLogger = (props) => {
         {ACT.errorArrayLength(errors)} {ACT.isMultipleErrors(errors)}
         <SC.ErrorBarArrow {...barArrowProps} className='errorBarArrow'/>
       </SC.ErrorsHeader>
-    </CustomStylesWrapper>
+    </div>
   );
 };
 

diff --git a/src/Navigation/customStyles.js b/src/Navigation/customStyles.js
diff --git a/src/Navigation/index.js b/src/Navigation/index.js
@@ -13,9 +13,6 @@ import ContractNavigation from './Contract';
 import FilesNavigation from './Files';
 import ComponentSwitch from './ComponentSwitch';
 
-/** classNames exposed for user-defined styling */
-import {CustomStylesWrapper} from './customStyles';
-
 /**
  * Represents the overall navigation wrapper, consisting of
  * two separate components, navigating between headers of the
@@ -50,12 +47,10 @@ const NavigationComponent = (props) => {
   };
 
   return (
-    <CustomStylesWrapper>
     <NavigationWrapper {...navigationWrapperProps} >
         <ComponentSwitch {...switchProps} />
         {navigationGenerator(props)}
     </NavigationWrapper>
-    </CustomStylesWrapper>
   );
 };
 

diff --git a/src/TemplateLibrary/customStyles.js b/src/TemplateLibrary/customStyles.js
diff --git a/src/TemplateLibrary/index.js b/src/TemplateLibrary/index.js
@@ -13,9 +13,6 @@ import isQueryMatch from '../utilities/isQueryMatch';
 import TemplateCard from './Components/TemplateCard';
 import { ImportComponent, UploadComponent, NewClauseComponent } from './Buttons';
 
-/** classNames exposed for user-defined styling */
-import {CustomStylesWrapper} from './customStyles';
-
 const TemplatesWrapper = styled.div`
   font-family: 'IBM Plex Sans', sans-serif;
   position: relative;
@@ -124,7 +121,6 @@ const TemplateLibraryComponent = (props) => {
   const filtered = filterTemplates(props.templates);
 
   return (
-    <CustomStylesWrapper>
       <TemplatesWrapper>
         <Header>
           <HeaderTitle className='templateListTitle' >Clause Templates</HeaderTitle>
@@ -152,7 +148,6 @@ const TemplateLibraryComponent = (props) => {
           ))}
         </TemplateCards> : <p style={{ textAlign: 'center' }}>No results found</p>}
       </TemplatesWrapper>
-      </CustomStylesWrapper>
   );
 };