changing line 28 in Diff.jsx, and changing all code to es lint format

Author: nmwenz90

src/app/components/Diff.jsx

@@ -1,13 +1,13 @@
-import React from "react";
-import PropTypes from "prop-types";
-import { diff, formatters } from "jsondiffpatch";
-import ReactHtmlParser from "react-html-parser";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { diff, formatters } from 'jsondiffpatch';
+import ReactHtmlParser from 'react-html-parser';
 
-import { useStoreContext } from "../store";
+import { useStoreContext } from '../store';
 
 function Diff({ snapshot, show }) {
   const [mainState] = useStoreContext();
-  const { currentTab, tabs } = mainState; //Nate:: k/v pairs of mainstate store object being created
+  const { currentTab, tabs } = mainState; // Nate:: k/v pairs of mainstate store object being created
   const { snapshots, viewIndex, sliderIndex } = tabs[currentTab];
   let previous;
 
@@ -17,17 +17,16 @@ function Diff({ snapshot, show }) {
   } else {
     previous = snapshots[sliderIndex - 1];
   }
-  // Nate:: diff function from jsondiffpatch is supposed to return a comparaison of two objects, one has an updated change
+  // Nate:: diff function returns a comparaison of two objects, one has an updated change
   const delta = diff(previous, snapshot);
   // returns html in string
   const html = formatters.html.format(delta, previous);
   if (show) formatters.html.showUnchanged();
   else formatters.html.hideUnchanged();
 
-  if (previous === undefined || delta === undefined)
-    return (
-      <div> No state change detected. Trigger an event to change state </div>
-    );
+  if (previous === undefined || delta === undefined) {
+    return <div> No state change detected. Trigger an event to change state </div>;
+  }
   return <div>{ReactHtmlParser(html)}</div>;
 }