refactor: switch HealthCheck to JSX

DataBiosphere · Nov 13, 2023 · 696c3f1 · 696c3f1
1 parent 8e86f94
commit 696c3f1
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 13 deletions.
diff --git a/src/Routes.js b/src/Routes.js
@@ -50,7 +50,7 @@ const Routes = (props) => (
     <Route exact path="/" render={(routeProps) => <Home {...routeProps} {...props} />} />
     <Route exact path="/home" render={(routeProps) => <Home {...routeProps} {...props} />} />
     <Route exact path="/status" render={(routeProps) => Status(mergeAll([routeProps, props]))} />
-    <Route exact path="/liveness" render={() => HealthCheck()} />
+    <Route exact path="/liveness" component={HealthCheck} />
     <Route exact path="/backgroundsignin" render={
       (routeProps) =>
         checkEnv(envGroups.NON_STAGING)

diff --git a/src/pages/HealthCheck.js b/src/pages/HealthCheck.js
@@ -1,14 +1,11 @@
-import { Component } from 'react';
-import { div, p, hh } from 'react-hyperscript-helpers';
+import React from 'react';
 
+export const HealthCheck = () => {
+  return (
+    <div style={{ margin: '2rem' }}>
+      <p>DUOS is healthy!</p>
+    </div>
+  );
+};
 
-export const HealthCheck = hh(class HealthCheck extends Component {
-
-  render() {
-    return (
-      div({ style: { margin: '2rem' } }, [
-        p({}, 'DUOS is healthy!')
-      ]));
-  }
-
-});
+export default HealthCheck;