@pih/esm-referrals-queue-app 2.0.0-pre.9 → 2.1.1-pre.2

package/src/referrals-queue/referrals-queue.test.tsx

@@ -1,68 +1,62 @@
-import React from "react";
-import { of } from "rxjs";
-import {
-  render,
-  fireEvent,
-  screen,
-  within,
-  waitFor,
-} from "@testing-library/react";
-import MockDate from "mockdate";
-import ReferralsQueue from "./referrals-queue.component";
-import { getReferrals } from "./referrals-queue.resource";
-
-jest.mock("./referrals-queue.resource");
+import React from 'react';
+import { of } from 'rxjs';
+import { render, fireEvent, screen, within, waitFor } from '@testing-library/react';
+import MockDate from 'mockdate';
+import ReferralsQueue from './referrals-queue.component';
+import { getReferrals } from './referrals-queue.resource';
+
+jest.mock('./referrals-queue.resource');
 const mockedGetReferrals = getReferrals as jest.Mock;
 
 const referrals = [
   {
-    patient_uuid: "ptaaaaaa-2869-41a4-86af-811fa2ee65b8",
-    zl_emr_id: "PTID1",
-    patient_name: "Patient Commcare",
-    referral_date: "2020-03-25T00:00:00.000-0400",
+    patient_uuid: 'ptaaaaaa-2869-41a4-86af-811fa2ee65b8',
+    zl_emr_id: 'PTID1',
+    patient_name: 'Patient Commcare',
+    referral_date: '2020-03-25T00:00:00.000-0400',
     details: null,
-    visit_uuid: "visitaaa-091a-46fd-a442-2a9778d91a52",
+    visit_uuid: 'visitaaa-091a-46fd-a442-2a9778d91a52',
     encounter_id: 12,
-    referral_type: "Test Referral Type",
-    encounter_uuid: "encounter-0fe1-4318-95a4-641d31745e09",
+    referral_type: 'Test Referral Type',
+    encounter_uuid: 'encounter-0fe1-4318-95a4-641d31745e09',
     fulfillment_status: null,
   },
   {
-    patient_uuid: "ptbbbbbb-de0e-489f-b4c7-fe4579e07aa9",
-    zl_emr_id: "PTID2",
-    patient_name: "Davina Mother",
-    referral_date: "2020-03-23T00:00:00.000-0400",
-    details: "Suspected depression",
-    visit_uuid: "visitbbb-64ca-4d53-9024-574a9214f76e",
+    patient_uuid: 'ptbbbbbb-de0e-489f-b4c7-fe4579e07aa9',
+    zl_emr_id: 'PTID2',
+    patient_name: 'Davina Mother',
+    referral_date: '2020-03-23T00:00:00.000-0400',
+    details: 'Suspected depression',
+    visit_uuid: 'visitbbb-64ca-4d53-9024-574a9214f76e',
     encounter_id: 13,
-    referral_type: "Mental Health",
-    encounter_uuid: "encounter-d5cb-4f7e-a1aa-bd6741a96381",
-    fulfillment_status: "Pending status",
+    referral_type: 'Mental Health',
+    encounter_uuid: 'encounter-d5cb-4f7e-a1aa-bd6741a96381',
+    fulfillment_status: 'Pending status',
   },
   {
-    person_uuid: "ptcccccc-de0e-489f-b4c7-fe4579e07aa9",
-    zl_emr_id: "PTID3",
-    patient_name: "Patient Prenatal",
-    referral_date: "2020-03-28T00:00:00.000-0400",
-    details: "Urgent",
-    visit_uuid: "visitccc-64ca-4d53-9024-574a9214f76e",
+    person_uuid: 'ptcccccc-de0e-489f-b4c7-fe4579e07aa9',
+    zl_emr_id: 'PTID3',
+    patient_name: 'Patient Prenatal',
+    referral_date: '2020-03-28T00:00:00.000-0400',
+    details: 'Urgent',
+    visit_uuid: 'visitccc-64ca-4d53-9024-574a9214f76e',
     encounter_id: 14,
-    referral_type: "Family Member",
-    encounter_uuid: "encounter-67bc-435d-9929-670a98cefe4e",
-    fulfillment_status: "Test Complete",
+    referral_type: 'Family Member',
+    encounter_uuid: 'encounter-67bc-435d-9929-670a98cefe4e',
+    fulfillment_status: 'Test Complete',
   },
 ];
 
-(window as any).openmrsBase = "/openmrs";
+(window as any).openmrsBase = '/openmrs';
 // hack around js-dom to make navigation testable
 delete window.location;
 //@ts-ignore
-window.location = { href: "/referrals-queue" };
+window.location = { href: '/referrals-queue' };
 
-describe("referrals queue", () => {
-  const todayString = "2020-10-31";
+describe('referrals queue', () => {
+  const todayString = '2020-10-31';
   beforeEach(() => {
-    MockDate.set(todayString + "T10:00:00.000-0400");
+    MockDate.set(todayString + 'T10:00:00.000-0400');
     mockedGetReferrals.mockReset();
     mockedGetReferrals.mockReturnValue(of(referrals));
     render(<ReferralsQueue />);
@@ -72,15 +66,15 @@ describe("referrals queue", () => {
     MockDate.reset();
   });
 
-  it("renders without failing", () => {
+  it('renders without failing', () => {
     // in beforeEach
   });
 
-  it("renders the expected fields", () => {
+  it('renders the expected fields', () => {
     for (let referral of referrals) {
-      const row = screen.getByText(referral.zl_emr_id).closest("tr");
+      const row = screen.getByText(referral.zl_emr_id).closest('tr');
       within(row).getByText(referral.patient_name);
-      within(row).getByText(referral.referral_type, { selector: "td" });
+      within(row).getByText(referral.referral_type, { selector: 'td' });
       if (referral.details) {
         within(row).getByText(referral.details);
       }
@@ -88,112 +82,130 @@ describe("referrals queue", () => {
         within(row).getByText(referral.fulfillment_status);
       }
     }
-    screen.getByText("25 Mar");
-    screen.getByText("23 Mar");
-    screen.getByText("28 Mar");
+    screen.getByText('25 Mar');
+    screen.getByText('23 Mar');
+    screen.getByText('28 Mar');
   });
 
-  // TODO: fix and re-enable
-  /*it("navigates to the links", async () => {
-    const table = screen.getByRole("table");
+  // TODO figure out how to test links
+  it.skip('navigates to the links', async () => {
+    const table = screen.getByRole('table');
     const pt0DashLink = within(table).getByText(referrals[0].zl_emr_id);
     fireEvent.click(pt0DashLink);
     await waitFor(() => {
-      expect(window.location.href).toBe(
-        "/openmrs/pt-dash/" + referrals[0].patient_uuid
-      );
+      expect(window.location.href).toBe('/openmrs/pt-dash/' + referrals[0].patient_uuid);
     });
-    const pt1VisitLink = within(table).getByText("23 Mar");
+    const pt1VisitLink = within(table).getByText('23 Mar');
     fireEvent.click(pt1VisitLink);
     await waitFor(() => {
-      expect(window.location.href).toBe(
-        `/openmrs/visit/${referrals[1].patient_uuid}/${referrals[1].visit_uuid}`
-      );
+      expect(window.location.href).toBe(`/openmrs/visit/${referrals[1].patient_uuid}/${referrals[1].visit_uuid}`);
     });
-    const pendingStatusLink = within(table).getByText("Pending status");
+    const pendingStatusLink = within(table).getByText('Pending status');
     fireEvent.click(pendingStatusLink);
     await waitFor(() => {
       expect(window.location.href).toBe(
-        `/openmrs/home-visit-form/${referrals[1].patient_uuid}/${referrals[1].visit_uuid}/${referrals[1].encounter_uuid}`
+        `/openmrs/home-visit-form/${referrals[1].patient_uuid}/${referrals[1].visit_uuid}/${referrals[1].encounter_uuid}`,
       );
     });
-  });*/
+  });
 
   it("doesn't make non-pending statuses into links", () => {
-    const table = screen.getByRole("table");
-    expect(within(table).getByText("Pending status").tagName).toBe("A"); // sanity check
-    expect(within(table).getByText("Test Complete").tagName).not.toBe("A"); // the actual test
+    const table = screen.getByRole('table');
+    expect(within(table).getByText('Pending status').tagName).toBe('A'); // sanity check
+    expect(within(table).getByText('Test Complete').tagName).not.toBe('A'); // the actual test
   });
 
-  it("filters by referral type", () => {
-    const dropdown = screen.getByLabelText("Referral Type", {
-      selector: "select",
-    });
-    fireEvent.change(dropdown, { target: { value: "Mental Health" } });
-    expect(screen.queryByText("PTID1")).toBeNull();
-    expect(screen.queryByText("PTID2")).not.toBeNull();
-    expect(screen.queryByText("PTID3")).toBeNull();
+  it('filters by referral type', () => {
+    fireEvent.click(
+      screen.getByLabelText('Referral Type', {
+        selector: 'button',
+      }),
+    );
+    fireEvent.click(
+      screen.getByText('Mental Health', {
+        selector: 'div',
+      }),
+    );
+    expect(screen.queryByText('PTID1')).toBeNull();
+    expect(screen.queryByText('PTID2')).not.toBeNull();
+    expect(screen.queryByText('PTID3')).toBeNull();
   });
 
-  it("infers list of referral types from data", () => {
-    const dropdown = screen.getByLabelText("Referral Type", {
-      selector: "select",
-    });
-    fireEvent.change(dropdown, { target: { value: "Test Referral Type" } });
-    expect(screen.queryByDisplayValue("Test Referral Type")).not.toBeNull();
+  it('infers list of referral types from data', () => {
+    expect(screen.queryByText('Test Referral Type', { selector: 'span' })).toBeNull(); // sanity check
+    fireEvent.click(
+      screen.getByLabelText('Referral Type', {
+        selector: 'button',
+      }),
+    );
+    fireEvent.click(
+      screen.getByText('Test Referral Type', {
+        selector: 'div',
+      }),
+    );
+    expect(screen.queryByText('Test Referral Type', { selector: 'span' })).not.toBeNull();
   });
 
-  it("filters by statuses, with dropdown inferred from data", () => {
-    const dropdown = screen.getByLabelText("Status", { selector: "select" });
-    fireEvent.change(dropdown, { target: { value: "Test Complete" } });
-    expect(screen.queryByText("PTID1")).toBeNull();
-    expect(screen.queryByText("PTID2")).toBeNull();
-    expect(screen.queryByText("PTID3")).not.toBeNull();
+  it('filters by statuses, with dropdown inferred from data', () => {
+    fireEvent.click(
+      screen.getByLabelText('Status', {
+        selector: 'button',
+      }),
+    );
+    fireEvent.click(
+      screen.getByText('Test Complete', {
+        selector: 'div',
+      }),
+    );
+    expect(screen.queryByText('PTID1')).toBeNull();
+    expect(screen.queryByText('PTID2')).toBeNull();
+    expect(screen.queryByText('PTID3')).not.toBeNull();
   });
 
-  it("calls getReferrals with the correct date arguments", () => {
-    const monthAgoString = "2020-09-30";
+  // TODO figure out how to interact with Carbon datepicker
+  it.skip('calls getReferrals with the correct date arguments', () => {
+    const monthAgoString = '2020-09-30';
     expect(mockedGetReferrals).lastCalledWith({
       fromDate: monthAgoString,
       toDate: todayString,
-      locale: "en",
+      locale: 'en',
     });
-    const fromDateInput = screen.getByLabelText("From");
-    fireEvent.change(fromDateInput, { target: { value: "2020-01-01" } });
+    const fromDateInput = screen.getByLabelText('From');
+    fireEvent.change(fromDateInput, { target: { value: '2020-01-01' } });
     expect(mockedGetReferrals).lastCalledWith({
-      fromDate: "2020-01-01",
+      fromDate: '2020-01-01',
       toDate: todayString,
-      locale: "en",
+      locale: 'en',
     });
-    const toDateInput = screen.getByLabelText("To");
-    fireEvent.change(toDateInput, { target: { value: "2020-03-01" } });
+    const toDateInput = screen.getByLabelText('To');
+    fireEvent.change(toDateInput, { target: { value: '2020-03-01' } });
     expect(mockedGetReferrals).lastCalledWith({
-      fromDate: "2020-01-01",
-      toDate: "2020-03-01",
-      locale: "en",
+      fromDate: '2020-01-01',
+      toDate: '2020-03-01',
+      locale: 'en',
     });
   });
 
-  it("filters the list of results by patient name query", () => {
-    const queryBox = screen.getByLabelText("Filter by patient");
-    fireEvent.change(queryBox, { target: { value: "Mother" } });
-    expect(screen.queryByText("PTID2")).not.toBeNull();
-    expect(screen.queryByText("PTID1")).toBeNull();
+  it('filters the list of results by patient name query', () => {
+    const queryBox = screen.getByLabelText('Filter by patient');
+    fireEvent.change(queryBox, { target: { value: 'Mother' } });
+    expect(screen.queryByText('PTID2')).not.toBeNull();
+    expect(screen.queryByText('PTID1')).toBeNull();
   });
 
-  it("filters the list of results by patient name partial token matches", () => {
-    const queryBox = screen.getByLabelText("Filter by patient");
-    fireEvent.change(queryBox, { target: { value: "dav mo" } });
-    expect(screen.queryByText("PTID2")).not.toBeNull();
-    expect(screen.queryByText("PTID1")).toBeNull();
+  it('filters the list of results by patient name partial token matches', () => {
+    const queryBox = screen.getByLabelText('Filter by patient');
+    fireEvent.change(queryBox, { target: { value: 'dav mo' } });
+    expect(screen.queryByText('PTID2')).not.toBeNull();
+    expect(screen.queryByText('PTID1')).toBeNull();
   });
 
-  it("filters the list of results by patient id", () => {
-    const queryBox = screen.getByLabelText("Filter by patient");
-    fireEvent.change(queryBox, { target: { value: "ptid1" } });
-    expect(screen.queryByText("PTID1")).not.toBeNull();
-    expect(screen.queryByText("PTID2")).toBeNull();
+  it('filters the list of results by patient id', () => {
+    const queryBox = screen.getByLabelText('Filter by patient');
+    fireEvent.change(queryBox, { target: { value: 'ptid1' } });
+    expect(screen.queryByText('PTID1')).not.toBeNull();
+    expect(screen.queryByText('PTID2')).toBeNull();
   });
 
-  test.todo("makes the API call with the locale from the user session");
+  test.todo('makes the API call with the locale from the user session');
 });

package/src/root.component.test.tsx

@@ -1,6 +1,6 @@
-import React from "react";
-import { render } from "@testing-library/react";
-import Root from "./root.component";
+import React from 'react';
+import { render } from '@testing-library/react';
+import Root from './root.component';
 
 describe(`<Root />`, () => {
   it(`renders without dying`, async () => {

package/src/root.component.tsx

@@ -1,12 +1,12 @@
-import React from "react";
-import { BrowserRouter, Routes, Route } from "react-router-dom";
-import ReferralsQueue from "./referrals-queue/referrals-queue.component";
-import styles from "./root.css";
-import { appPath } from "./constants";
+import React from 'react';
+import { BrowserRouter, Routes, Route } from 'react-router-dom';
+import ReferralsQueue from './referrals-queue/referrals-queue.component';
+import styles from './root.css';
+import { appPath } from './constants';
 
 export default function Root() {
   return (
-    <div className={`omrs-main-content ${styles.ovconstantserflowAuto}`}>
+    <div className={`${styles.ovconstantserflowAuto}`}>
       <BrowserRouter basename={appPath}>
         <Routes>
           <Route path="/" element={<ReferralsQueue />} />

package/src/routes.json

@@ -0,0 +1,9 @@
+{
+  "$schema": "https://json.openmrs.org/routes.schema.json",
+  "pages": [
+    {
+      "component": "root",
+      "route": "referrals-queue"
+    }
+  ]
+}

package/src/setup-tests.ts

@@ -1,7 +1,7 @@
-import "@testing-library/jest-dom/extend-expect";
+import '@testing-library/jest-dom/extend-expect';
 
-jest.mock("@openmrs/esm-framework", () => {
-  const originalModule = jest.requireActual("@openmrs/esm-framework");
+jest.mock('@openmrs/esm-framework', () => {
+  const originalModule = jest.requireActual('@openmrs/esm-framework');
 
   return {
     ...originalModule,
@@ -9,16 +9,16 @@ jest.mock("@openmrs/esm-framework", () => {
       return {
         links: {
           patientDash:
-            "${openmrsBase}/coreapps/clinicianfacing/patient.page?patientId=${patientUuid}&app=pih.app.clinicianDashboard",
+            '${openmrsBase}/coreapps/clinicianfacing/patient.page?patientId=${patientUuid}&app=pih.app.clinicianDashboard',
           visitPage:
-            "${openmrsBase}/pihcore/visit/visit.page?patient=${patientUuid}&visit=${visitUuid}&suppressActions=true#/overview",
+            '${openmrsBase}/pihcore/visit/visit.page?patient=${patientUuid}&visit=${visitUuid}&suppressActions=true#/overview',
           homeVisitForm:
-            "${openmrsBase}/htmlformentryui/htmlform/editHtmlFormWithStandardUi.page?patientId=${patientUuid}&visitId=${visitUuid}&encounterId=${encounterUuid}&definitionUiResource=file:configuration/pih/htmlforms/section-mch-referral.xml&returnUrl=/mirebalais/spa/referrals-queue",
+            '${openmrsBase}/htmlformentryui/htmlform/editHtmlFormWithStandardUi.page?patientId=${patientUuid}&visitId=${visitUuid}&encounterId=${encounterUuid}&definitionUiResource=file:configuration/pih/htmlforms/section-mch-referral.xml&returnUrl=/mirebalais/spa/referrals-queue',
         },
-        pendingStatuses: ["Pending status", "Referral unmet"],
+        pendingStatuses: ['Pending status', 'Referral unmet'],
       };
     }),
   };
 });
 
-window.getOpenmrsSpaBase = () => "openmrs/spa";
+window.getOpenmrsSpaBase = () => 'openmrs/spa';

package/src/table/referrals-table.component.tsx

@@ -0,0 +1,83 @@
+import React from 'react';
+import { Table, TableHead, TableHeader, TableRow, TableBody, TableCell } from '@carbon/react';
+import { ConfigurableLink, interpolateString, useConfig } from '@openmrs/esm-framework';
+import { Trans } from 'react-i18next';
+import { formatDate } from '../util';
+
+export interface ReferralsTableProps {
+  referrals: Referral[];
+}
+
+export default function ReferrablesTable(props: ReferralsTableProps) {
+  const config = useConfig();
+
+  return (
+    <Table>
+      <TableHead>
+        <TableRow>
+          <TableHeader>
+            <Trans i18nKey="emr-id">EMR ID</Trans>
+          </TableHeader>
+          <TableHeader>
+            <Trans i18nKey="name">Name</Trans>
+          </TableHeader>
+          <TableHeader>
+            <Trans i18nKey="referral-date">Referral Date</Trans>
+          </TableHeader>
+          <TableHeader>
+            <Trans i18nKey="referral-type">Referral Type</Trans>
+          </TableHeader>
+          <TableHeader>
+            <Trans i18nKey="details">Details</Trans>
+          </TableHeader>
+          <TableHeader>
+            <Trans i18nKey="status">Status</Trans>
+          </TableHeader>
+        </TableRow>
+      </TableHead>
+      <TableBody>
+        {props.referrals &&
+          props.referrals.map((referral, index) => (
+            <React.Fragment key={index}>
+              <TableRow>
+                <TableCell>
+                  <ConfigurableLink
+                    to={interpolateString(config.links.patientDash, {
+                      patientUuid: referral.patient_uuid || referral.person_uuid,
+                    })}>
+                    {referral.zl_emr_id}
+                  </ConfigurableLink>
+                </TableCell>
+                <TableCell>{referral.patient_name}</TableCell>
+                <TableCell>
+                  <ConfigurableLink
+                    to={interpolateString(config.links.visitPage, {
+                      patientUuid: referral.patient_uuid || referral.person_uuid,
+                      visitUuid: referral.visit_uuid,
+                    })}>
+                    {formatDate(referral.referral_date)}
+                  </ConfigurableLink>
+                </TableCell>
+                <TableCell>{referral.referral_type}</TableCell>
+                <TableCell>{referral.details}</TableCell>
+                <TableCell>
+                  {config.pendingStatuses.includes(referral.fulfillment_status) ? (
+                    <ConfigurableLink
+                      to={interpolateString(config.links.homeVisitForm, {
+                        patientUuid: referral.patient_uuid || referral.person_uuid,
+                        visitUuid: referral.visit_uuid,
+                        encounterUuid: referral.encounter_uuid,
+                      })}>
+                      {referral.fulfillment_status}
+                    </ConfigurableLink>
+                  ) : (
+                    referral.fulfillment_status
+                  )}
+                </TableCell>
+              </TableRow>
+            </React.Fragment>
+          ))}
+      </TableBody>
+    </Table>
+  );
+}

package/src/util.ts

@@ -1,4 +1,4 @@
-import moment from "moment";
+import moment from 'moment';
 
 // We use UTC for the present TZ because the dates in the data
 // are all midnight Eastern Time, which lines up with UTC
@@ -6,15 +6,11 @@ import moment from "moment";
 export function formatDate(strDate: string) {
   const date = moment.utc(strDate);
   const today = moment.utc(new Date());
-  if (
-    date.date() === today.date() &&
-    date.month() === today.month() &&
-    date.year() === today.year()
-  ) {
-    return moment().calendar().split(" ")[0]; // locale-specific 'Today'
+  if (date.date() === today.date() && date.month() === today.month() && date.year() === today.year()) {
+    return moment().calendar().split(' ')[0]; // locale-specific 'Today'
   } else if (date.year() === today.year()) {
-    return date.format("DD MMM");
+    return date.format('DD MMM');
   } else {
-    return date.format("DD MMM YYYY");
+    return date.format('DD MMM YYYY');
   }
 }

package/translations/en.json

@@ -1,4 +1,15 @@
 {
-  "casualGreeting": "hey",
-  "formalGreeting": "hello"
+  "any": "Any",
+  "details": "Details",
+  "emr-id": "EMR ID",
+  "filter-by-patient": "Filter by patient",
+  "from": "From",
+  "name": "Name",
+  "referral-date": "Referral Date",
+  "referral-type": "Referral Type",
+  "referrals-queue": "Referrals Queue",
+  "select-referral-type": "Select Referral Type",
+  "select-status": "Select Status",
+  "status": "Status",
+  "to": "To"
 }

package/translations/es.json

@@ -0,0 +1,15 @@
+{
+  "any": "Any",
+  "details": "Detalles",
+  "emr-id": "EMR ID",
+  "filter-by-patient": "Filtrar por paciente",
+  "from": "Desde",
+  "name": "Nombre",
+  "referral-date": "Fecha de referencia",
+  "referral-type": "Tipo de referencia",
+  "referrals-queue": "Cola de referencias",
+  "select-referral-type": "Seleccionar tipo de referencia",
+  "select-status": "Seleccionar estado",
+  "status": "Estado",
+  "to": "Hasta"
+}

package/translations/fr.json

@@ -0,0 +1,15 @@
+{
+  "any": "Tout",
+  "details": "Détails",
+  "emr-id": "EMR ID",
+  "filter-by-patient": "Filtrer avec patient",
+  "from": "de",
+  "name": "Nom",
+  "referral-date": "Date de Référé",
+  "referral-type": "Type Référé",
+  "referrals-queue": "List de Référé",
+  "select-referral-type": "Sélectionnez le type de référé",
+  "select-status": "Sélectionnez le état",
+  "status": "État",
+  "to": "à"
+}

package/tsconfig.json

@@ -1,23 +1,5 @@
 {
-  "compilerOptions": {
-    "esModuleInterop": true,
-    "module": "esnext",
-    "allowSyntheticDefaultImports": true,
-    "jsx": "react",
-    "skipLibCheck": true,
-    "moduleResolution": "node",
-    "lib": [
-      "dom",
-      "es5",
-      "scripthost",
-      "es2015",
-      "es2015.promise",
-      "es2016.array.include",
-      "es2018",
-      "es2020"
-    ],
-    "resolveJsonModule": true,
-    "noEmit": true,
-    "target": "esnext"
-  }
-}
+  "extends": "../../tsconfig.json",
+  "include": ["src/**/*"],
+  "exclude": ["src/**/*.test.tsx"]
+}

package/.editorconfig

@@ -1,12 +0,0 @@
-root = true
-
-[*]
-indent_style = space
-indent_size = 2
-charset = utf-8
-trim_trailing_whitespace = true
-insert_final_newline = true
-end_of_line = lf
-
-[*.md]
-trim_trailing_whitespace = false

package/.eslintignore

@@ -1,2 +0,0 @@
-src/**/*.test.tsx
-**/*.d.tsx

package/.eslintrc

@@ -1,4 +0,0 @@
-{
-  "parser": "@typescript-eslint/parser",
-  "extends": ["ts-react-important-stuff", "plugin:prettier/recommended"]
-}