Better explanation and better variable names

Author: sohebmahmood-madetech

src/components/LoadFromStorage.js

@@ -1,14 +1,18 @@
 import React from 'react';
 
-class LoadFromStorage extends React.Component {
+/**
+ * This class only really exists to take advantage of the dispatch code so we can trigger
+ * loading from localStorage. 
+ */
+class LoadFromLocalStorage extends React.Component {
 
     componentDidMount() {
-        this.props.radarDispatch && this.props.radarDispatch({type:"loadFromStorage"})
+        this.props.radarDispatch && this.props.radarDispatch({type:"loadFromLocalStorage"});
     }
 
     render() {
         return null;
     }
 }
 
-export default LoadFromStorage;
+export default LoadFromLocalStorage;

src/components/RadarProvider.js

@@ -27,7 +27,7 @@ function radarReducer(state, action) {
       console.log(state.data)
       return { ...state, data: state.data };
     }
-    case "loadFromStorage": {
+    case "loadFromLocalStorage": {
       const storageData = JSON.parse(localStorage.getItem("youData"));
       if (storageData && Array.isArray(storageData)) {
         return {

src/components/SkillsSelector.js

@@ -4,7 +4,7 @@ import InputLabel from "@mui/material/InputLabel";
 import MenuItem from "@mui/material/MenuItem";
 import Select from "@mui/material/Select";
 import { RadarConsumer } from "./RadarProvider";
-import LoadFromStorage from "./LoadFromStorage";
+import LoadFromLocalStorage from "./LoadFromStorage";
 
 const SkillsSelector = () => {
 
@@ -18,7 +18,7 @@ const SkillsSelector = () => {
             marginBottom: "25px",
           }}
         >
-          <LoadFromStorage radarDispatch={dispatch} />
+          <LoadFromLocalStorage radarDispatch={dispatch} />
           <Box sx={{ minWidth: 350 }}>
             <FormControl fullWidth>
               <InputLabel id="json-selector-label">Skills</InputLabel>