Organized save avatar

src/pages/Dashboard.jsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, {useEffect, useState} from 'react';
 
 import Sidebar from '../partials/Sidebar';
 import Header from '../partials/Header';
@@ -19,7 +19,9 @@ import DashboardCard10 from '../partials/dashboard/DashboardCard10';
 import DashboardCard11 from '../partials/dashboard/DashboardCard11';
 
 function Dashboard() {
-
+  useEffect(() => {
+    localStorage.setItem('svgKey', '')
+  }, [])
   const [sidebarOpen, setSidebarOpen] = useState(false);
 
   return (
@@ -58,7 +60,7 @@ function Dashboard() {
                     <path d="M15 7H9V1c0-.6-.4-1-1-1S7 .4 7 1v6H1c-.6 0-1 .4-1 1s.4 1 1 1h6v6c0 .6.4 1 1 1s1-.4 1-1V9h6c.6 0 1-.4 1-1s-.4-1-1-1z" />
                   </svg>
                   <span className="hidden xs:block ml-2">Add View</span>
-                </button>                
+                </button>
               </div>
 
             </div>
@@ -88,7 +90,7 @@ function Dashboard() {
               <DashboardCard10 />
               {/* Card (Income/Expenses) */}
               <DashboardCard11 />
-              
+
             </div>
 
           </div>
@@ -100,4 +102,4 @@ function Dashboard() {
   );
 }
 
-export default Dashboard;
+export default Dashboard;