diff --git a/src/app/Marine2/components/boxes/Tanks/Tanks.tsx b/src/app/Marine2/components/boxes/Tanks/Tanks.tsx index bf4be61c..aa95f383 100644 --- a/src/app/Marine2/components/boxes/Tanks/Tanks.tsx +++ b/src/app/Marine2/components/boxes/Tanks/Tanks.tsx @@ -40,12 +40,9 @@ const Tanks = ({ componentMode = "full", className }: Props) => { useEffect(() => { if (!windowSize.width || !windowSize.height) return - const orientation = windowSize.width > 3 * windowSize.height - ? "horizontal" - : "vertical" + const orientation = windowSize.width > 3 * windowSize.height ? "horizontal" : "vertical" setOrientation(orientation) - }, [windowSize]) if (componentMode === "compact") { @@ -61,12 +58,7 @@ const Tanks = ({ componentMode = "full", className }: Props) => { > {filteredTanks.map((tank) => (
- +
))} diff --git a/src/app/Marine2/components/ui/Observers/SizeChangeObserver.tsx b/src/app/Marine2/components/ui/Observers/SizeChangeObserver.tsx index 964ccabd..ad055133 100644 --- a/src/app/Marine2/components/ui/Observers/SizeChangeObserver.tsx +++ b/src/app/Marine2/components/ui/Observers/SizeChangeObserver.tsx @@ -13,7 +13,6 @@ interface Props { } const SizeChangeObserver = ({ children, onSizeChange, orientation, className = "", style }: Props) => { - const containerRef = useRef(null) const [width, height] = useSize(containerRef) diff --git a/src/app/Marine2/components/ui/ProgressCircle/Styles.ts b/src/app/Marine2/components/ui/ProgressCircle/Styles.ts index 1ab4f00e..84c5794a 100644 --- a/src/app/Marine2/components/ui/ProgressCircle/Styles.ts +++ b/src/app/Marine2/components/ui/ProgressCircle/Styles.ts @@ -1,16 +1,16 @@ -import { BreakpointStylesType } from "../../../utils/media" - -export const Styles: BreakpointStylesType = { - default: { - percentage: "text-lg", - }, - "xs-xs": { - percentage: "text-xl", - }, - "md-s": { - percentage: "text-xxl", - }, - "lg-m": { - percentage: "text-2xl", - }, -} +import { BreakpointStylesType } from "../../../utils/media" + +export const Styles: BreakpointStylesType = { + default: { + percentage: "text-lg", + }, + "xs-xs": { + percentage: "text-xl", + }, + "md-s": { + percentage: "text-xxl", + }, + "lg-m": { + percentage: "text-2xl", + }, +}