refactor: move components from reusable to components

Author: mrholek

src/_nav.js

@@ -121,6 +121,7 @@ const _nav = [
   {
     component: 'CNavGroup',
     name: 'Buttons',
+    to: '/buttons',
     icon: <CIcon name="cil-cursor" customClassName="nav-icon" />,
     items: [
       {

src/reusable/DocsCallout.js renamed to src/components/DocsCallout.js

@@ -5,7 +5,7 @@ import CIcon from '@coreui/icons-react'
 
 import packageJson from '../../package.json'
 
-const Example = (props) => {
+const DocsExample = (props) => {
   const { children, href } = props
 
   const _href = `https://coreui.io/react/docs/${packageJson.config.coreui_library_short_version}/${href}`
@@ -35,9 +35,9 @@ const Example = (props) => {
   )
 }
 
-Example.propTypes = {
+DocsExample.propTypes = {
   children: PropTypes.node,
   href: PropTypes.string,
 }
 
-export default React.memo(Example)
+export default React.memo(DocsExample)

src/reusable/Example.js renamed to src/components/DocsExample.js

@@ -4,5 +4,18 @@ import AppFooter from './AppFooter'
 import AppHeader from './AppHeader'
 import AppHeaderDropdown from './header/AppHeaderDropdown'
 import AppSidebar from './AppSidebar'
+import DocsCallout from './DocsCallout'
+import DocsLink from './DocsLink'
+import DocsExample from './DocsExample'
 
-export { AppBreadcrumb, AppContent, AppFooter, AppHeader, AppHeaderDropdown, AppSidebar }
+export {
+  AppBreadcrumb,
+  AppContent,
+  AppFooter,
+  AppHeader,
+  AppHeaderDropdown,
+  AppSidebar,
+  DocsCallout,
+  DocsLink,
+  DocsExample,
+}

src/reusable/DocsLink.js renamed to src/components/DocsLink.js

@@ -12,7 +12,7 @@ import {
   CAccordionHeader,
   CAccordionItem,
 } from '@coreui/react'
-import { DocsCallout, Example } from 'src/reusable'
+import { DocsCallout, DocsExample } from 'src/components'
 
 const Accordion = () => {
   const [activeKey, setActiveKey] = useState(0)
@@ -32,7 +32,7 @@ const Accordion = () => {
             <p className="text-medium-emphasis small">
               Click the accordions below to expand/collapse the accordion content.
             </p>
-            <Example href="components/accordion">
+            <DocsExample href="components/accordion">
               <CAccordion>
                 <CAccordionItem>
                   <CAccordionHeader>
@@ -98,7 +98,7 @@ const Accordion = () => {
                   </CAccordionCollapse>
                 </CAccordionItem>
               </CAccordion>
-            </Example>
+            </DocsExample>
           </CCardBody>
         </CCard>
         <CCard className="mb-4">
@@ -111,7 +111,7 @@ const Accordion = () => {
               borders, and some rounded corners to render accordions edge-to-edge with their parent
               container.
             </p>
-            <Example href="components/accordion#flush">
+            <DocsExample href="components/accordion#flush">
               <CAccordion flush>
                 <CAccordionItem>
                   <CAccordionHeader>
@@ -177,7 +177,7 @@ const Accordion = () => {
                   </CAccordionCollapse>
                 </CAccordionItem>
               </CAccordion>
-            </Example>
+            </DocsExample>
           </CCardBody>
         </CCard>
       </CCol>

src/components/index.js

@@ -9,7 +9,7 @@ import {
   CRow,
   CLink,
 } from '@coreui/react'
-import { DocsCallout, Example } from 'src/reusable'
+import { DocsCallout, DocsExample } from 'src/components'
 
 const Breadcrumbs = () => {
   return (
@@ -38,7 +38,7 @@ const Breadcrumbs = () => {
               </a>
               .
             </p>
-            <Example href="components/breadcrumb">
+            <DocsExample href="components/breadcrumb">
               <CBreadcrumb>
                 <CBreadcrumbItem>
                   <CLink href="#">Home</CLink>
@@ -66,7 +66,7 @@ const Breadcrumbs = () => {
                 </CBreadcrumbItem>
                 <CBreadcrumbItem active>Bootstrap</CBreadcrumbItem>
               </CBreadcrumb>
-            </Example>
+            </DocsExample>
           </CCardBody>
         </CCard>
       </CCol>