(
+          
+            
+          
+        )}
+        locale="fa"
+        events={eventsList}
+      />
+    ),
+    dashboard: (
+      
+    ),
+  };
 
-        />,
-        'dashboard': ,
-    }
-
-    return (
-        
-
-            {/* 
+      {/*  {
                 type='dashboard'
             /> */}
 
-            
-            {
-                list[type]
-            }
-        
-    );
+      
+      {list[type]}
+    
+  );
 };
 
 const eventsList = [
-    {
-        id: 2,
-        description: "تست 2",
-        type: "global",
-        isHoliday: true,
-        date: "2022-01-04T00:00:00.000Z",
-        year: 1400,
-        month: 10,
-        day: 2
-    },
-    {
-        id: 4,
-        description: "تست 4",
-        type: "global",
-        isHoliday: true,
-        date: "2022-01-12T00:00:00.000Z",
-        year: 1400,
-        month: 10,
-        day: 1
-    },
-    {
-        id: 1,
-        description: "تست کاربر 1",
-        type: "userDefined",
-        userId: "5",
-        date: "2022-01-12T00:00:00.000Z",
-        categoryId: 1,
-        year: 1400,
-        month: 10,
-        day: 3,
-        color: 'blue'
-    },
-    {
-        id: 4,
-        description: "تست کاربر 4",
-        type: "userDefined",
-        userId: "5",
-        date: "2022-01-08T00:00:00.000Z",
-        categoryId: 3,
-        year: 1400,
-        month: 11,
-        day: 6
-    },
-    {
-        id: 5,
-        description: "تست کاربر 5",
-        type: "userDefined",
-        userId: "5",
-        date: "2022-01-12T00:00:00.000Z",
-        categoryId: 1,
-        year: 1400,
-        month: 10,
-        day: 3
-    }
+  {
+    id: 2,
+    description: "تست 2",
+    type: "global",
+    isHoliday: true,
+    date: "2022-01-04T00:00:00.000Z",
+    year: 1400,
+    month: 10,
+    day: 2,
+  },
+  {
+    id: 4,
+    description: "تست 4",
+    type: "global",
+    isHoliday: true,
+    date: "2022-01-12T00:00:00.000Z",
+    year: 1400,
+    month: 10,
+    day: 1,
+  },
+  {
+    id: 1,
+    description: "تست کاربر 1",
+    type: "userDefined",
+    userId: "5",
+    date: "2022-01-12T00:00:00.000Z",
+    categoryId: 1,
+    year: 1400,
+    month: 10,
+    day: 3,
+    color: "blue",
+  },
+  {
+    id: 4,
+    description: "تست کاربر 4",
+    type: "userDefined",
+    userId: "5",
+    date: "2022-01-08T00:00:00.000Z",
+    categoryId: 3,
+    year: 1400,
+    month: 11,
+    day: 6,
+  },
+  {
+    id: 5,
+    description: "تست کاربر 5",
+    type: "userDefined",
+    userId: "5",
+    date: "2022-01-12T00:00:00.000Z",
+    categoryId: 1,
+    year: 1400,
+    month: 10,
+    day: 3,
+  },
 ];
 
-export default SimpleCalendar;
\ No newline at end of file
+export default SimpleCalendar;
diff --git a/src/components/RangeDatePicker/index.js b/src/components/RangeDatePicker/index.js
index 483a6fd..1f56e5d 100644
--- a/src/components/RangeDatePicker/index.js
+++ b/src/components/RangeDatePicker/index.js
@@ -1,23 +1,22 @@
 import React, { useState } from "react";
-import "./index.css";
+import "./index.scss";
 import DatePicker from "../Calendar/CalendarComponents";
 
 const RangeDatePicker = () => {
-    const [selectedDayRange, setSelectedDayRange] = useState({
-      from: null,
-      to: null
-    });
-    return (
-      
+  );
+};
 
-      />
-    );
-  };
-  
-  export default RangeDatePicker;
\ No newline at end of file
+export default RangeDatePicker;
diff --git a/src/components/RangeDatePicker/index.css b/src/components/RangeDatePicker/index.scss
similarity index 100%
rename from src/components/RangeDatePicker/index.css
rename to src/components/RangeDatePicker/index.scss
diff --git a/src/components/Switch/index.scss b/src/components/Switch/index.scss
index 9f74f26..86b36a1 100644
--- a/src/components/Switch/index.scss
+++ b/src/components/Switch/index.scss
@@ -10,10 +10,10 @@
 // }
 
 .switch {
-	position: relative;
+  position: relative;
   input[type="checkbox"] {
     visibility: hidden;
-	position : absolute;
+    position: absolute;
     &:checked + label {
       transform: rotate(0deg);
       background-color: #000;
diff --git a/src/index.js b/src/index.js
index ef2edf8..af36065 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,14 +1,14 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import './index.css';
-import App from './App';
-import reportWebVitals from './reportWebVitals';
+import React from "react";
+import ReactDOM from "react-dom";
+import "./index.scss";
+import App from "./App";
+import reportWebVitals from "./reportWebVitals";
 
 ReactDOM.render(
   
     
   ,
-  document.getElementById('root')
+  document.getElementById("root")
 );
 
 // If you want to start measuring performance in your app, pass a function
diff --git a/src/index.css b/src/index.scss
similarity index 100%
rename from src/index.css
rename to src/index.scss
diff --git a/src/logo.svg b/src/logo.svg
deleted file mode 100644
index 9dfc1c0..0000000
--- a/src/logo.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file