refactor: update examples structure and views.

Author: mrholek

src/assets/images/angular.jpg

@@ -5,53 +5,49 @@ const Colors = React.lazy(() => import('./views/theme/colors/Colors'))
 const Typography = React.lazy(() => import('./views/theme/typography/Typography'))
 
 // Base
-const Accordion = React.lazy(() => import('./views/components/base/accordion/Accordion'))
-const Breadcrumbs = React.lazy(() => import('./views/components/base/breadcrumbs/Breadcrumbs'))
-const Cards = React.lazy(() => import('./views/components/base/cards/Cards'))
-const Carousels = React.lazy(() => import('./views/components/base/carousels/Carousels'))
-const Collapses = React.lazy(() => import('./views/components/base/collapses/Collapses'))
-const ListGroups = React.lazy(() => import('./views/components/base/list-groups/ListGroups'))
-const Navs = React.lazy(() => import('./views/components/base/navs/Navs'))
-const Paginations = React.lazy(() => import('./views/components/base/paginations/Paginations'))
-const Popovers = React.lazy(() => import('./views/components/base/popovers/Popovers'))
-const Progress = React.lazy(() => import('./views/components/base/progress/Progress'))
-const Spinners = React.lazy(() => import('./views/components/base/spinners/Spinners'))
-const Tables = React.lazy(() => import('./views/components/base/tables/Tables'))
-const Tooltips = React.lazy(() => import('./views/components/base/tooltips/Tooltips'))
+const Accordion = React.lazy(() => import('./views/base/accordion/Accordion'))
+const Breadcrumbs = React.lazy(() => import('./views/base/breadcrumbs/Breadcrumbs'))
+const Cards = React.lazy(() => import('./views/base/cards/Cards'))
+const Carousels = React.lazy(() => import('./views/base/carousels/Carousels'))
+const Collapses = React.lazy(() => import('./views/base/collapses/Collapses'))
+const ListGroups = React.lazy(() => import('./views/base/list-groups/ListGroups'))
+const Navs = React.lazy(() => import('./views/base/navs/Navs'))
+const Paginations = React.lazy(() => import('./views/base/paginations/Paginations'))
+const Popovers = React.lazy(() => import('./views/base/popovers/Popovers'))
+const Progress = React.lazy(() => import('./views/base/progress/Progress'))
+const Spinners = React.lazy(() => import('./views/base/spinners/Spinners'))
+const Tables = React.lazy(() => import('./views/base/tables/Tables'))
+const Tooltips = React.lazy(() => import('./views/base/tooltips/Tooltips'))
 
 // Buttons
-const Buttons = React.lazy(() => import('./views/components/buttons/buttons/Buttons'))
-const ButtonGroups = React.lazy(() =>
-  import('./views/components/buttons/button-groups/ButtonGroups'),
-)
-const Dropdowns = React.lazy(() => import('./views/components/buttons/dropdowns/Dropdowns'))
+const Buttons = React.lazy(() => import('./views/buttons/buttons/Buttons'))
+const ButtonGroups = React.lazy(() => import('./views/buttons/button-groups/ButtonGroups'))
+const Dropdowns = React.lazy(() => import('./views/buttons/dropdowns/Dropdowns'))
 
 //Forms
-const ChecksRadios = React.lazy(() => import('./views/components/forms/checks-radios/ChecksRadios'))
-const FloatingLabels = React.lazy(() =>
-  import('./views/components/forms/floating-labels/FloatingLabels'),
-)
-const FormControl = React.lazy(() => import('./views/components/forms/form-control/FormControl'))
-const InputGroup = React.lazy(() => import('./views/components/forms/input-group/InputGroup'))
-const Layout = React.lazy(() => import('./views/components/forms/layout/Layout'))
-const Range = React.lazy(() => import('./views/components/forms/range/Range'))
-const Select = React.lazy(() => import('./views/components/forms/select/Select'))
-const Validation = React.lazy(() => import('./views/components/forms/validation/Validation'))
+const ChecksRadios = React.lazy(() => import('./views/forms/checks-radios/ChecksRadios'))
+const FloatingLabels = React.lazy(() => import('./views/forms/floating-labels/FloatingLabels'))
+const FormControl = React.lazy(() => import('./views/forms/form-control/FormControl'))
+const InputGroup = React.lazy(() => import('./views/forms/input-group/InputGroup'))
+const Layout = React.lazy(() => import('./views/forms/layout/Layout'))
+const Range = React.lazy(() => import('./views/forms/range/Range'))
+const Select = React.lazy(() => import('./views/forms/select/Select'))
+const Validation = React.lazy(() => import('./views/forms/validation/Validation'))
 
-const Charts = React.lazy(() => import('./views/components/charts/Charts'))
+const Charts = React.lazy(() => import('./views/charts/Charts'))
 
 // Icons
-const CoreUIIcons = React.lazy(() => import('./views/components/icons/coreui-icons/CoreUIIcons'))
-const Flags = React.lazy(() => import('./views/components/icons/flags/Flags'))
-const Brands = React.lazy(() => import('./views/components/icons/brands/Brands'))
+const CoreUIIcons = React.lazy(() => import('./views/icons/coreui-icons/CoreUIIcons'))
+const Flags = React.lazy(() => import('./views/icons/flags/Flags'))
+const Brands = React.lazy(() => import('./views/icons/brands/Brands'))
 
 // Notifications
-const Alerts = React.lazy(() => import('./views/components/notifications/alerts/Alerts'))
-const Badges = React.lazy(() => import('./views/components/notifications/badges/Badges'))
-const Modals = React.lazy(() => import('./views/components/notifications/modals/Modals'))
-const Toasts = React.lazy(() => import('./views/components/notifications/toasts/Toasts'))
+const Alerts = React.lazy(() => import('./views/notifications/alerts/Alerts'))
+const Badges = React.lazy(() => import('./views/notifications/badges/Badges'))
+const Modals = React.lazy(() => import('./views/notifications/modals/Modals'))
+const Toasts = React.lazy(() => import('./views/notifications/toasts/Toasts'))
 
-const Widgets = React.lazy(() => import('./views/components/widgets/Widgets'))
+const Widgets = React.lazy(() => import('./views/widgets/Widgets'))
 
 const routes = [
   { path: '/', exact: true, name: 'Home' },

src/assets/images/react.jpg

@@ -1,4 +1,4 @@
-import React, { useState } from 'react'
+import React from 'react'
 import {
   CCard,
   CCardBody,