JS style updates [skip ci]

hyperglass/ui/context/HyperglassProvider.js

@@ -1,15 +1,15 @@
-import * as React from "react";
-import { createContext, useContext, useMemo } from "react";
-import dynamic from "next/dynamic";
-import { CSSReset, ThemeProvider } from "@chakra-ui/core";
-import { MediaProvider } from "./MediaProvider";
-import { StateProvider } from "./StateProvider";
-import { makeTheme, defaultTheme } from "app/util";
+import * as React from 'react';
+import { createContext, useContext, useMemo } from 'react';
+import dynamic from 'next/dynamic';
+import { CSSReset, ThemeProvider } from '@chakra-ui/core';
+import { MediaProvider } from './MediaProvider';
+import { StateProvider } from './StateProvider';
+import { makeTheme, defaultTheme } from 'app/util';
 
 // Disable SSR for ColorModeProvider
 const ColorModeProvider = dynamic(
-  () => import("@chakra-ui/core").then(mod => mod.ColorModeProvider),
-  { ssr: false }
+  () => import('@chakra-ui/core').then(mod => mod.ColorModeProvider),
+  { ssr: false },
 );
 
 const HyperglassContext = createContext(null);

hyperglass/ui/context/MediaProvider.js

@@ -1,6 +1,6 @@
-import * as React from "react";
-import { createContext, useContext, useMemo } from "react";
-import { useMediaLayout } from "use-media";
+import * as React from 'react';
+import { createContext, useContext, useMemo } from 'react';
+import { useMediaLayout } from 'use-media';
 
 const MediaContext = createContext(null);
 
@@ -13,16 +13,16 @@ export const MediaProvider = ({ theme, children }) => {
   let mediaSize = false;
   switch (true) {
     case isSm:
-      mediaSize = "sm";
+      mediaSize = 'sm';
       break;
     case isMd:
-      mediaSize = "md";
+      mediaSize = 'md';
       break;
     case isLg:
-      mediaSize = "lg";
+      mediaSize = 'lg';
       break;
     case isXl:
-      mediaSize = "xl";
+      mediaSize = 'xl';
       break;
   }
   const value = useMemo(
@@ -31,13 +31,11 @@ export const MediaProvider = ({ theme, children }) => {
       isMd: isMd,
       isLg: isLg,
       isXl: isXl,
-      mediaSize: mediaSize
+      mediaSize: mediaSize,
     }),
-    [isSm, isMd, isLg, isXl, mediaSize]
-  );
-  return (
-    <MediaContext.Provider value={value}>{children}</MediaContext.Provider>
+    [isSm, isMd, isLg, isXl, mediaSize],
   );
+  return <MediaContext.Provider value={value}>{children}</MediaContext.Provider>;
 };
 
 export const useMedia = () => useContext(MediaContext);

hyperglass/ui/context/StateProvider.js

@@ -1,18 +1,15 @@
-import * as React from "react";
-import { createContext, useContext, useMemo, useState } from "react";
-import { useSessionStorage } from "app/hooks";
+import * as React from 'react';
+import { createContext, useContext, useMemo, useState } from 'react';
+import { useSessionStorage } from 'app/hooks';
 
 const StateContext = createContext(null);
 
 export const StateProvider = ({ children }) => {
   const [isSubmitting, setSubmitting] = useState(false);
   const [formData, setFormData] = useState({});
-  const [greetingAck, setGreetingAck] = useSessionStorage(
-    "hyperglass-greeting-ack",
-    false
-  );
+  const [greetingAck, setGreetingAck] = useSessionStorage('hyperglass-greeting-ack', false);
   const resetForm = layoutRef => {
-    layoutRef.current.scrollIntoView({ behavior: "smooth", block: "start" });
+    layoutRef.current.scrollIntoView({ behavior: 'smooth', block: 'start' });
     setSubmitting(false);
     setFormData({});
   };
@@ -23,11 +20,9 @@ export const StateProvider = ({ children }) => {
     setFormData,
     greetingAck,
     setGreetingAck,
-    resetForm
+    resetForm,
   }));
-  return (
-    <StateContext.Provider value={value}>{children}</StateContext.Provider>
-  );
+  return <StateContext.Provider value={value}>{children}</StateContext.Provider>;
 };
 
 export const useHyperglassState = () => useContext(StateContext);

hyperglass/ui/context/index.mjs

@@ -1,3 +1,3 @@
-export * from "./HyperglassProvider";
-export * from "./MediaProvider";
-export * from "./StateProvider";
+export * from './HyperglassProvider';
+export * from './MediaProvider';
+export * from './StateProvider';