rename Error component (#7)

* rename Error component

* bug fix

Co-authored-by: Amy Chen <[email protected]>

Author: achen2401

src/FhirClientProvider.js

@@ -4,7 +4,7 @@ import Stack from "@mui/material/Stack";
 import CircularProgress from "@mui/material/CircularProgress";
 import { FhirClientContext } from "./FhirClientContext";
 import { queryPatientIdKey } from "./util/util";
-import Error from "./components/Error";
+import ErrorComponent from "./components/ErrorComponent";
 
 export default function FhirClientProvider(props) {
   const [client, setClient] = useState(null);
@@ -61,7 +61,7 @@ export default function FhirClientProvider(props) {
         {({ client, error }) => {
           // any auth error that may have been rejected with
           if (error) {
-            return <Error message={error.message}></Error>;
+            return <ErrorComponent message={error.message}></ErrorComponent>;
           }
 
           // if client and patient are available render the children component(s)

src/components/Error.js renamed to src/components/ErrorComponent.js

@@ -2,7 +2,7 @@ import React from "react";
 import FHIR from "fhirclient";
 import Stack from "@mui/material/Stack";
 import CircularProgress from "@mui/material/CircularProgress";
-import Error from "./Error";
+import ErrorComponent from "./ErrorComponent";
 import { getEnv, queryPatientIdKey } from "../util/util.js";
 import "../style/App.scss";
 
@@ -27,7 +27,7 @@ export default function Launch() {
     })
       .then((result) => {
         if (!result.ok) {
-          throw Error(result.status);
+          throw new Error(result.status.toString());
         }
         return result.json();
       })
@@ -56,7 +56,7 @@ export default function Launch() {
 
   return (
     <React.Fragment>
-      {error && <Error message={error.message}></Error>}
+      {error && <ErrorComponent message={error.message}></ErrorComponent>}
       {!error && (
         <Stack
           spacing={2}

src/components/Launch.js

@@ -2,7 +2,7 @@ import React from "react";
 import Worker from "cql-worker/src/cql.worker.js"; // https://github.com/webpack-contrib/worker-loader
 import { initialzieCqlWorker } from "cql-worker";
 import { FhirClientContext } from "../FhirClientContext";
-import Error from "./Error";
+import ErrorComponent from "./ErrorComponent";
 import {
   getFHIRResourcePaths,
   getExpressionLogicLib,
@@ -118,7 +118,7 @@ export default function Summary() {
 
   return (
     <React.Fragment>
-      {error && <Error messge={error}></Error>}
+      {error && <ErrorComponent messge={error}></ErrorComponent>}
       {/* write out patient info */}
       {patient && (
         <div>