From c396de75fbf2caf858dc429b8ffbc0ab6495d8af Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mose=20M=C3=BCller?= Date: Wed, 24 Jul 2024 15:06:36 +0200 Subject: [PATCH] frontend: default export useRenderCount hook --- frontend/src/components/AsyncMethodComponent.tsx | 2 +- frontend/src/components/ButtonComponent.tsx | 2 +- frontend/src/components/DictComponent.tsx | 2 +- frontend/src/components/EnumComponent.tsx | 2 +- frontend/src/components/ImageComponent.tsx | 2 +- frontend/src/components/ListComponent.tsx | 2 +- frontend/src/components/MethodComponent.tsx | 2 +- frontend/src/components/NumberComponent.tsx | 3 +-- frontend/src/components/SliderComponent.tsx | 2 +- frontend/src/components/StringComponent.tsx | 2 +- frontend/src/hooks/useRenderCount.ts | 2 +- 11 files changed, 11 insertions(+), 12 deletions(-) diff --git a/frontend/src/components/AsyncMethodComponent.tsx b/frontend/src/components/AsyncMethodComponent.tsx index 19f4f91..c02139e 100644 --- a/frontend/src/components/AsyncMethodComponent.tsx +++ b/frontend/src/components/AsyncMethodComponent.tsx @@ -3,7 +3,7 @@ import { runMethod } from "../socket"; import { Form, Button, InputGroup, Spinner } from "react-bootstrap"; import { DocStringComponent } from "./DocStringComponent"; import { LevelName } from "./NotificationsComponent"; -import { useRenderCount } from "../hooks/useRenderCount"; +import useRenderCount from "../hooks/useRenderCount"; interface AsyncMethodProps { fullAccessPath: string; diff --git a/frontend/src/components/ButtonComponent.tsx b/frontend/src/components/ButtonComponent.tsx index f23bee5..141cacc 100644 --- a/frontend/src/components/ButtonComponent.tsx +++ b/frontend/src/components/ButtonComponent.tsx @@ -3,7 +3,7 @@ import { ToggleButton } from "react-bootstrap"; import { DocStringComponent } from "./DocStringComponent"; import { LevelName } from "./NotificationsComponent"; import { SerializedObject } from "../types/SerializedObject"; -import { useRenderCount } from "../hooks/useRenderCount"; +import useRenderCount from "../hooks/useRenderCount"; interface ButtonComponentProps { fullAccessPath: string; diff --git a/frontend/src/components/DictComponent.tsx b/frontend/src/components/DictComponent.tsx index 2b034db..b7541c8 100644 --- a/frontend/src/components/DictComponent.tsx +++ b/frontend/src/components/DictComponent.tsx @@ -3,7 +3,7 @@ import { DocStringComponent } from "./DocStringComponent"; import { GenericComponent } from "./GenericComponent"; import { LevelName } from "./NotificationsComponent"; import { SerializedObject } from "../types/SerializedObject"; -import { useRenderCount } from "../hooks/useRenderCount"; +import useRenderCount from "../hooks/useRenderCount"; import useSortedEntries from "../hooks/useSortedEntries"; interface DictComponentProps { diff --git a/frontend/src/components/EnumComponent.tsx b/frontend/src/components/EnumComponent.tsx index e1955ae..0cca1c2 100644 --- a/frontend/src/components/EnumComponent.tsx +++ b/frontend/src/components/EnumComponent.tsx @@ -4,7 +4,7 @@ import { DocStringComponent } from "./DocStringComponent"; import { LevelName } from "./NotificationsComponent"; import { SerializedObject, SerializedEnum } from "../types/SerializedObject"; import { propsAreEqual } from "../utils/propsAreEqual"; -import { useRenderCount } from "../hooks/useRenderCount"; +import useRenderCount from "../hooks/useRenderCount"; interface EnumComponentProps extends SerializedEnum { addNotification: (message: string, levelname?: LevelName) => void; diff --git a/frontend/src/components/ImageComponent.tsx b/frontend/src/components/ImageComponent.tsx index 97c733d..627d24e 100644 --- a/frontend/src/components/ImageComponent.tsx +++ b/frontend/src/components/ImageComponent.tsx @@ -3,7 +3,7 @@ import { Card, Collapse, Image } from "react-bootstrap"; import { DocStringComponent } from "./DocStringComponent"; import { ChevronDown, ChevronRight } from "react-bootstrap-icons"; import { LevelName } from "./NotificationsComponent"; -import { useRenderCount } from "../hooks/useRenderCount"; +import useRenderCount from "../hooks/useRenderCount"; interface ImageComponentProps { fullAccessPath: string; diff --git a/frontend/src/components/ListComponent.tsx b/frontend/src/components/ListComponent.tsx index 34223d8..39366c9 100644 --- a/frontend/src/components/ListComponent.tsx +++ b/frontend/src/components/ListComponent.tsx @@ -3,7 +3,7 @@ import { DocStringComponent } from "./DocStringComponent"; import { GenericComponent } from "./GenericComponent"; import { LevelName } from "./NotificationsComponent"; import { SerializedObject } from "../types/SerializedObject"; -import { useRenderCount } from "../hooks/useRenderCount"; +import useRenderCount from "../hooks/useRenderCount"; import useSortedEntries from "../hooks/useSortedEntries"; interface ListComponentProps { diff --git a/frontend/src/components/MethodComponent.tsx b/frontend/src/components/MethodComponent.tsx index b81ad0c..e4e8d8a 100644 --- a/frontend/src/components/MethodComponent.tsx +++ b/frontend/src/components/MethodComponent.tsx @@ -3,7 +3,7 @@ import { runMethod } from "../socket"; import { Button, Form } from "react-bootstrap"; import { DocStringComponent } from "./DocStringComponent"; import { LevelName } from "./NotificationsComponent"; -import { useRenderCount } from "../hooks/useRenderCount"; +import useRenderCount from "../hooks/useRenderCount"; import { propsAreEqual } from "../utils/propsAreEqual"; interface MethodProps { diff --git a/frontend/src/components/NumberComponent.tsx b/frontend/src/components/NumberComponent.tsx index efa80ec..dfae382 100644 --- a/frontend/src/components/NumberComponent.tsx +++ b/frontend/src/components/NumberComponent.tsx @@ -5,7 +5,7 @@ import "../App.css"; import { LevelName } from "./NotificationsComponent"; import { SerializedObject } from "../types/SerializedObject"; import { QuantityMap } from "../types/QuantityMap"; -import { useRenderCount } from "../hooks/useRenderCount"; +import useRenderCount from "../hooks/useRenderCount"; // TODO: add button functionality @@ -176,7 +176,6 @@ export const NumberComponent = React.memo((props: NumberComponentProps) => { const handleKeyDown = (event: React.KeyboardEvent) => { const { key, target } = event; - console.log(typeof key); // Typecast const inputTarget = target as HTMLInputElement; diff --git a/frontend/src/components/SliderComponent.tsx b/frontend/src/components/SliderComponent.tsx index 35805c4..e6405ea 100644 --- a/frontend/src/components/SliderComponent.tsx +++ b/frontend/src/components/SliderComponent.tsx @@ -7,7 +7,7 @@ import { LevelName } from "./NotificationsComponent"; import { SerializedObject } from "../types/SerializedObject"; import { QuantityMap } from "../types/QuantityMap"; import { propsAreEqual } from "../utils/propsAreEqual"; -import { useRenderCount } from "../hooks/useRenderCount"; +import useRenderCount from "../hooks/useRenderCount"; interface SliderComponentProps { fullAccessPath: string; diff --git a/frontend/src/components/StringComponent.tsx b/frontend/src/components/StringComponent.tsx index e7fddec..d30cf91 100644 --- a/frontend/src/components/StringComponent.tsx +++ b/frontend/src/components/StringComponent.tsx @@ -4,7 +4,7 @@ import { DocStringComponent } from "./DocStringComponent"; import "../App.css"; import { LevelName } from "./NotificationsComponent"; import { SerializedObject } from "../types/SerializedObject"; -import { useRenderCount } from "../hooks/useRenderCount"; +import useRenderCount from "../hooks/useRenderCount"; // TODO: add button functionality diff --git a/frontend/src/hooks/useRenderCount.ts b/frontend/src/hooks/useRenderCount.ts index 35b208c..c4faf46 100644 --- a/frontend/src/hooks/useRenderCount.ts +++ b/frontend/src/hooks/useRenderCount.ts @@ -1,6 +1,6 @@ import { useRef, useEffect } from "react"; -export function useRenderCount() { +export default function useRenderCount() { const count = useRef(0); useEffect(() => {