Skip to content

Commit

Permalink
linting
Browse files Browse the repository at this point in the history
  • Loading branch information
Charlie-XIAO committed Dec 7, 2024
1 parent d8d7109 commit 7796d11
Show file tree
Hide file tree
Showing 7 changed files with 32 additions and 32 deletions.
1 change: 0 additions & 1 deletion app/backend/localtyping.py
Original file line number Diff line number Diff line change
Expand Up @@ -82,7 +82,6 @@ class TrialFilters(TypedDict, total=False):
lastUpdateDate: str



class APIHeartbeatResponseType(TypedDict):
timestamp: int

Expand Down
10 changes: 5 additions & 5 deletions app/frontend/src/components/RetrievePanelFilterAgeRange.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
*/

import { Dispatch, SetStateAction, useState } from "react";
import { Slider, Flex} from "@radix-ui/themes";
import { Flex, Slider } from "@radix-ui/themes";
import { TrialFilters } from "../types";

interface RetrievePanelFilterAgeRangeProps {
Expand All @@ -23,7 +23,7 @@ export const RetrievePanelFilterAgeRange = ({
]);

const handleValueChange = (newValues: number[]) => {
setValues(newValues);
setValues(newValues);
setFilters((prevFilters) => ({
...prevFilters,
minAge: newValues[0],
Expand All @@ -33,7 +33,7 @@ export const RetrievePanelFilterAgeRange = ({

return (
<Flex align="center" gap="4">
<div style={{ flex: 1 }}>
<div style={{ flex: 1 }}>
<label style={{ display: "block", marginBottom: "8px" }}>
{values[0]} - {values[1]} years old
</label>
Expand All @@ -46,9 +46,9 @@ export const RetrievePanelFilterAgeRange = ({
onValueChange={handleValueChange}
orientation="horizontal"
style={{
height: "20px",
height: "20px",
padding: "10px 0",
width: "300px",
width: "300px",
}}
/>
</div>
Expand Down
23 changes: 12 additions & 11 deletions app/frontend/src/components/RetrievePanelFilterLastUpdateDate.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
*/

import { useState } from "react";
import { DayPicker, DateRange } from "react-day-picker";
import { DateRange, DayPicker } from "react-day-picker";
import "react-day-picker/dist/style.css";
import { TrialFilters } from "../types";

Expand All @@ -18,14 +18,17 @@ export const RetrievePanelFilterLastUpdateDate = ({
filters,
setFilters,
}: RetrievePanelFilterLastUpdateDateProps) => {
const [range, setRange] = useState<DateRange>({ from: undefined, to: undefined });
const [range, setRange] = useState<DateRange>({
from: undefined,
to: undefined,
});

const formatDate = (date: Date | undefined): string =>
date ? date.toISOString().split("T")[0] : "";

const handleSelect = (selectedRange: DateRange | undefined) => {
if (!selectedRange) {
setRange({ from: undefined, to: undefined });
setRange({ from: undefined, to: undefined });
setFilters({
...filters,
lastUpdateDate: "",
Expand All @@ -36,11 +39,9 @@ export const RetrievePanelFilterLastUpdateDate = ({
const fromDate = selectedRange.from
? formatDate(selectedRange.from)
: undefined;
const toDate = selectedRange.to
? formatDate(selectedRange.to)
: undefined;
const toDate = selectedRange.to ? formatDate(selectedRange.to) : undefined;

setRange(selectedRange);
setRange(selectedRange);

// update filters
setFilters({
Expand All @@ -50,23 +51,23 @@ export const RetrievePanelFilterLastUpdateDate = ({
};

const handleReset = () => {
setRange({ from: undefined, to: undefined });
setRange({ from: undefined, to: undefined });
setFilters({
...filters,
lastUpdateDate: "",
});
});
};

return (
<div style={{ maxWidth: "400px", textAlign: "center" }}>
<DayPicker
mode="range"
selected={range}
selected={range}
onSelect={handleSelect}
captionLayout="dropdown"
/>

<div style={{ marginTop: "13px", fontSize: "14px"}}>
<div style={{ marginTop: "13px", fontSize: "14px" }}>
{range.from && range.to ? (
<p>
Selected: {formatDate(range.from)} to {formatDate(range.to)}
Expand Down
23 changes: 12 additions & 11 deletions app/frontend/src/components/RetrievePanelFilterResultsDate.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
*/

import { useState } from "react";
import { DayPicker, DateRange } from "react-day-picker";
import { DateRange, DayPicker } from "react-day-picker";
import "react-day-picker/dist/style.css";
import { TrialFilters } from "../types";

Expand All @@ -18,14 +18,17 @@ export const RetrievePanelFilterResultsDate = ({
filters,
setFilters,
}: RetrievePanelFilterResultsDateProps) => {
const [range, setRange] = useState<DateRange>({ from: undefined, to: undefined });
const [range, setRange] = useState<DateRange>({
from: undefined,
to: undefined,
});

const formatDate = (date: Date | undefined): string =>
date ? date.toISOString().split("T")[0] : "";

const handleSelect = (selectedRange: DateRange | undefined) => {
if (!selectedRange) {
setRange({ from: undefined, to: undefined });
setRange({ from: undefined, to: undefined });
setFilters({
...filters,
resultsDate: "",
Expand All @@ -36,11 +39,9 @@ export const RetrievePanelFilterResultsDate = ({
const fromDate = selectedRange.from
? formatDate(selectedRange.from)
: undefined;
const toDate = selectedRange.to
? formatDate(selectedRange.to)
: undefined;
const toDate = selectedRange.to ? formatDate(selectedRange.to) : undefined;

setRange(selectedRange);
setRange(selectedRange);

// update filters
setFilters({
Expand All @@ -50,23 +51,23 @@ export const RetrievePanelFilterResultsDate = ({
};

const handleReset = () => {
setRange({ from: undefined, to: undefined });
setRange({ from: undefined, to: undefined });
setFilters({
...filters,
resultsDate: "",
});
});
};

return (
<div style={{ maxWidth: "400px", textAlign: "center" }}>
<DayPicker
mode="range"
selected={range}
selected={range}
onSelect={handleSelect}
captionLayout="dropdown"
/>

<div style={{ marginTop: "16px", fontSize: "14px"}}>
<div style={{ marginTop: "16px", fontSize: "14px" }}>
{range.from && range.to ? (
<p>
Selected: {formatDate(range.from)} to {formatDate(range.to)}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@ export const RetrievePanelFilterStudyPhases = ({
];

const [selectedValues, setSelectedValues] = useState<string[]>(
filters.studyPhases?.split(",") || []
filters.studyPhases?.split(",") ?? [],
);

const handleCheckboxChange = (value: string) => {
Expand Down
1 change: 0 additions & 1 deletion app/frontend/src/components/RetrievePanelFilters.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -91,7 +91,6 @@ export const RetrievePanelFilters = ({
/>
</DataList.Value>
</DataList.Item>

</DataList.Root>
);
};
4 changes: 2 additions & 2 deletions app/frontend/src/types.ts
Original file line number Diff line number Diff line change
Expand Up @@ -48,8 +48,8 @@ export interface TrialFilters {
minAge?: number;
maxAge?: number;
eligibleSex?: string;
resultsDate?:string;
lastUpdateDate?:string;
resultsDate?: string;
lastUpdateDate?: string;
}

/* ==========================================================================
Expand Down

0 comments on commit 7796d11

Please sign in to comment.