refactor!: remove unused component and restructure file folder

chornos13 · Feb 12, 2021 · bf05f8d · bf05f8d
1 parent ee12618
commit bf05f8d
Show file tree

Hide file tree

Showing 23 changed files with 16 additions and 541 deletions.
diff --git a/src/components/BaseHeader/BaseHeader.tsx b/src/components/BaseHeader/BaseHeader.tsx
@@ -2,7 +2,7 @@ import React, { ReactNode } from 'react'
 import Content, { ContentProps } from 'components/Content/Content'
 import cssHeader from 'layouts/containers/Public/Header/Header.module.scss'
 import { Row } from 'antd'
-import cx from 'shortcuts/cx'
+import cx from 'classnames'
 
 interface BaseHeaderProps extends ContentProps {
   children?: ReactNode

diff --git a/src/helpers/getSourceCode.ts → src/components/CodeViewer/getSourceCode.ts b/src/helpers/getSourceCode.ts → src/components/CodeViewer/getSourceCode.ts
diff --git a/src/components/Content/Content.module.scss b/src/components/Content/Content.module.scss
@@ -1,7 +1,12 @@
-@import 'src/styles/breakpoints';
-@import 'src/styles/mixins';
 @import 'src/styles/vars';
 
+$xs: 576px;
+
+@mixin xs {
+  @media (max-width: #{$xs}) {
+    @content;
+  }
+}
 .section {
   max-width: $max-width;
   margin: auto;

diff --git a/src/components/Content/Content.tsx b/src/components/Content/Content.tsx
@@ -1,27 +1,8 @@
 import React, { CSSProperties, ReactNode } from 'react'
-import PropTypes from 'shortcuts/PropTypes'
-import cx from 'shortcuts/cx'
+import cx from 'classnames'
 import cssContent from 'components/Content/Content.module.scss'
 import { ReactComponentLike } from 'prop-types'
 
-export function Section(props) {
-  const { children, ...comProps } = props
-  return <section {...comProps}>{children}</section>
-}
-
-Section.propTypes = {
-  children: PropTypes.node,
-}
-
-export function Div(props) {
-  const { children, ...comProps } = props
-  return <div {...comProps}>{children}</div>
-}
-
-Div.propTypes = {
-  children: PropTypes.node,
-}
-
 export interface ContentProps {
   id?: string
   classNameContainer?: string
@@ -35,12 +16,14 @@ export interface ContentProps {
   component?: ReactComponentLike
 }
 
+const DefaultComponent = (props) => <section {...props} />
+
 function Content(props: ContentProps) {
   const {
     classNameContainer,
     styleContainer,
     children,
-    component: Component = Section,
+    component: Component = DefaultComponent,
     isMobile = false,
     className,
     style,

diff --git a/src/components/DividerCard/DividerCard.tsx b/src/components/DividerCard/DividerCard.tsx
diff --git a/src/components/HamburgerButton/HamburgerButton.tsx b/src/components/HamburgerButton/HamburgerButton.tsx
@@ -1,5 +1,5 @@
 import React, { useEffect, useRef, useState } from 'react'
-import cx from 'shortcuts/cx'
+import cx from 'classnames'
 import cssHamburgerMenu from 'components/HamburgerButton/HamburgerButton.module.scss'
 import { Dropdown } from 'antd'
 

diff --git a/src/components/Table/Table.tsx b/src/components/Table/Table.tsx
@@ -12,7 +12,7 @@ import {
   useTable,
 } from 'react-table'
 import Text from 'components/Typography/Text'
-import cx from 'shortcuts/cx'
+import cx from 'classnames'
 import { Spin } from 'antd'
 import cssTable from './Table.module.scss'
 

diff --git a/src/css/cssFont.scss b/src/css/cssFont.scss
diff --git a/src/fields/ErrorView/withTitleAndError.js b/src/fields/ErrorView/withTitleAndError.js
diff --git a/src/fields/ErrorView/withTitleAndError.module.scss b/src/fields/ErrorView/withTitleAndError.module.scss
diff --git a/src/layouts/routes/user/index.tsx → src/layouts/routes/user.tsx b/src/layouts/routes/user/index.tsx → src/layouts/routes/user.tsx
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
@@ -7,8 +7,6 @@ import getSiteLayout from 'layouts/core/DefaultLayout'
 import Head from 'next/head'
 import 'styles/vars.scss'
 import 'styles/global.scss'
-import 'styles/_breakpoints.scss'
-import 'styles/_mixins.scss'
 
 const title = 'Nexys'
 const description = 'Nexys Boilerplate By Chornos13'

diff --git a/src/pages/formik/basic-input.tsx b/src/pages/formik/basic-input.tsx
@@ -1,7 +1,7 @@
 import BasicInput from 'views/Formik/BasicInput/BasicInput'
 import React from 'react'
 import withCodeViewer from 'HOC/withCodeViewer'
-import getSourceCode from 'helpers/getSourceCode'
+import getSourceCode from 'components/CodeViewer/getSourceCode'
 
 export async function getStaticProps() {
   return {

diff --git a/src/pages/react-query/basic-view-data.tsx b/src/pages/react-query/basic-view-data.tsx
@@ -1,7 +1,7 @@
 import BasicViewData from 'views/ReactQuery/BasicViewData/BasicViewData'
 import React from 'react'
 import withCodeViewer from 'HOC/withCodeViewer'
-import getSourceCode from 'helpers/getSourceCode'
+import getSourceCode from 'components/CodeViewer/getSourceCode'
 
 export async function getStaticProps() {
   return {

diff --git a/src/shortcuts/Media.ts b/src/shortcuts/Media.ts
diff --git a/src/shortcuts/PropTypes.ts b/src/shortcuts/PropTypes.ts
diff --git a/src/shortcuts/Typography.ts b/src/shortcuts/Typography.ts
diff --git a/src/shortcuts/cx.ts b/src/shortcuts/cx.ts