From d931aa13b7c90961f80144c7ca12220c7eebf3cd Mon Sep 17 00:00:00 2001
From: alexsparkes <turbomarshmello@gmail.com>
Date: Fri, 22 Mar 2024 21:33:11 +0000
Subject: [PATCH] fix(experimental): Use button component

---
 src/features/misc/sections/Experimental.jsx | 22 +++++++++------------
 1 file changed, 9 insertions(+), 13 deletions(-)

diff --git a/src/features/misc/sections/Experimental.jsx b/src/features/misc/sections/Experimental.jsx
index 9269f10b..37876a00 100644
--- a/src/features/misc/sections/Experimental.jsx
+++ b/src/features/misc/sections/Experimental.jsx
@@ -1,13 +1,13 @@
 import variables from 'config/variables';
 import { useState, memo } from 'react';
-import Checkbox from '../../../components/Form/Settings/Checkbox/Checkbox';
-import Slider from '../../../components/Form/Settings/Slider/Slider';
+import { Checkbox, Slider } from 'components/Form/Settings';
+import { Button } from 'components/Elements';
 import { TextField } from '@mui/material';
 
 import EventBus from 'utils/eventbus';
 import values from 'utils/data/slider_values.json';
 
-import { Row, Content, Action } from '../../../components/Layout/Settings/Item/SettingsItem';
+import { Row, Content, Action } from 'components/Layout/Settings/Item/SettingsItem';
 
 function ExperimentalOptions() {
   const [eventType, setEventType] = useState();
@@ -54,21 +54,17 @@ function ExperimentalOptions() {
             varient="outlined"
             InputLabelProps={{ shrink: true }}
           />
-          <button className="uploadbg" onClick={() => EventBus.emit(eventType, eventName)}>
-            Send
-          </button>
+          <Button
+            type="settings"
+            onClick={() => EventBus.emit(eventType, eventName)}
+            label="send"
+          />
         </Action>
       </Row>
       <Row final={true}>
         <Content title="Data" />
         <Action>
-          <button
-            className="reset"
-            style={{ marginLeft: '0px' }}
-            onClick={() => localStorage.clear()}
-          >
-            Clear LocalStorage
-          </button>
+          <Button type="settings" onClick={() => localStorage.clear()} label="Clear LocalStorage" />
         </Action>
       </Row>
     </>