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",
+ },
+}