reza added author name

src/Views/Home/Main/index.js

@@ -7,9 +7,12 @@ function Main({ activeComponent }) {
     <div className="lg:flex lg:flex-col lg:w-5/6 lg:h-full border-r border-gray-200">
       <header className="w-full flex flex-row items-center h-16 px-1 py-4 bg-gray-700"></header>
       <section className="w-full lg:overflow-y-scroll py-5 px-10 flex-1 flex-col">
-        <h1 className="font-bold text-3xl mb-10 text-left">
+        <h1 className="font-bold text-3xl text-left">
           {activeComponent?.content?.name}
         </h1>
+        <span className="font-bold text-xs mb-10 text-left block">
+          {activeComponent?.name && `Designed by: ${activeComponent?.author}`}
+        </span>
         {activeComponent?.content?.component}
         {activeComponent?.content?.code && (
           <Code code={activeComponent?.content?.code} />

src/components/SidebarCategoryHover/list.js

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from "react";
 import _, { set } from "lodash";
-import Col from "./Col";
+import Col from "./col";
 
 export default function List({ activeItem, item, setActiveItem, colLength }) {
   const [cols, setCols] = useState(null);

src/redux/data.js

@@ -25,6 +25,7 @@ import Navbar from "../components/Navbar";
 const components = [
   {
     name : "Button",
+    author : 'Andalib',
     props : [
 
     ],
@@ -36,6 +37,7 @@ const components = [
   },
   {
     name : "Tag",
+    author : 'Andalib',
     props : [
 
     ],
@@ -47,6 +49,7 @@ const components = [
   },
   {
     name: "Input",
+    author : "Ashrafi",
     props: [
       {
         name: "maxLength",
@@ -255,6 +258,7 @@ const components = [
   },
   {
     name: "Search",
+    author: "Ashrafi",
     props: [],
     content: {
       name: "Search",
@@ -264,6 +268,7 @@ const components = [
   },
   {
     name: "Search with suggestion",
+    author : "Ashrafi",
     props: [],
     content: {
       name: "Search with suggestion",
@@ -273,6 +278,7 @@ const components = [
   },
   {
     name : "Radio",
+    author : "Ashrafi",
     props : [
 
     ],
@@ -284,6 +290,7 @@ const components = [
   },
   {
     name : "Checkbox",
+    author: "Ashrafi",
     props : [
 
     ],
@@ -295,6 +302,7 @@ const components = [
   },
   {
     name : "Select box - Radio",
+    author: "Ashrafi",
     props : [
 
     ],
@@ -306,6 +314,7 @@ const components = [
   },
   {
     name : "Select box - Checkbox",
+    author: "Ashrafi",
     props : [
 
     ],
@@ -317,6 +326,7 @@ const components = [
   },
   {
     name : "Switch",
+    author: "Ashrafi",
     props : [
 
     ],
@@ -328,6 +338,7 @@ const components = [
   },
   {
     name : "Expandable products filter",
+    author: "Ashrafi",
     props : [
 
     ],
@@ -339,6 +350,7 @@ const components = [
   },
   {
     name : "Sidebar catergory",
+    author: "Ashrafi",
     props : [
 
     ],
@@ -350,6 +362,7 @@ const components = [
   },
   {
     name : "Slider",
+    author: "Ashrafi",
     props : [
 
     ],
@@ -361,6 +374,7 @@ const components = [
   },
   {
     name : "Range",
+    author: "Ashrafi",
     props : [
 
     ],
@@ -372,6 +386,7 @@ const components = [
   },
   {
     name : "Counter",
+    author: "Andalib",
     props : [
 
     ],
@@ -383,6 +398,7 @@ const components = [
   },
   {
     name : "Alert",
+    author: "Andalib",
     props : [
 
     ],
@@ -394,6 +410,7 @@ const components = [
   },
   {
     name : "Toast",
+    author: "Andalib",
     props : [
 
     ],
@@ -405,6 +422,7 @@ const components = [
   },
   {
     name : "Star rating",
+    author: "Ashrafi",
     props : [
 
     ],
@@ -416,6 +434,7 @@ const components = [
   },
   {
     name : "Chart",
+    author: "Ashrafi",
     props : [
 
     ],
@@ -427,6 +446,7 @@ const components = [
   },
   {
     name : "Circular progressbar",
+    author: "Ashrafi",
     props : [
 
     ],
@@ -438,6 +458,7 @@ const components = [
   },  
   {
     name : "Stepper",
+    author: "Ashrafi",
     props : [
 
     ],
@@ -449,6 +470,7 @@ const components = [
   },  
   {
     name : "Product",
+    author: "Andalib",
     props : [
 
     ],
@@ -460,6 +482,7 @@ const components = [
   },
   {
     name : "Navbar",
+    author: "Andalib",
     props : [
 
     ],