From e558f3abef808cc94bf2baa238a05a0761c3fc9b Mon Sep 17 00:00:00 2001
From: RezHackXYZ <rhythmupa@gmail.com>
Date: Sun, 1 Jun 2025 12:09:37 +0530
Subject: [PATCH] fix diable and enable seconds not working in time table

---
 src/routes/IdleScreen/+page.svelte                     | 10 +++++++---
 .../components/time/DisplayCollsOfTime.svelte          |  6 +++---
 src/routes/IdleScreen/logic/TimeAndTableData.svelte.js |  2 ++
 3 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/routes/IdleScreen/+page.svelte b/src/routes/IdleScreen/+page.svelte
index 9090bc0..5ba489c 100644
--- a/src/routes/IdleScreen/+page.svelte
+++ b/src/routes/IdleScreen/+page.svelte
@@ -1,12 +1,16 @@
-<script module>
+<script>
 	import { Modal, Content, Trigger } from "sv-popup";
 
 	import Time from "./components/time/DisplayCollsOfTime.svelte";
 	import TimeTable from "./components/timetable/DisplayRowsOfTimetable.svelte";
 	import EditTimetableDiv from "./components/timetable/EditTimetable.svelte";
-	import { colseModal } from "./logic/TimeAndTableData.svelte.js";
+	import { colseModal, ShowSeconds } from "./logic/TimeAndTableData.svelte.js";
+	import { on } from "svelte/events";
+	import { onMount } from "svelte";
 
-	export let ShowSeconds = $state({ v: true });
+	onMount(() => {
+		ShowSeconds.v = localStorage.getItem("ShowSeconds") || "true" == "true" ? true : false;
+	});
 </script>
 
 <div class="flex h-full flex-col">
diff --git a/src/routes/IdleScreen/components/time/DisplayCollsOfTime.svelte b/src/routes/IdleScreen/components/time/DisplayCollsOfTime.svelte
index 69afb40..7de7907 100644
--- a/src/routes/IdleScreen/components/time/DisplayCollsOfTime.svelte
+++ b/src/routes/IdleScreen/components/time/DisplayCollsOfTime.svelte
@@ -2,11 +2,11 @@
 	import { onMount } from "svelte";
 	import Row from "./row.svelte";
 
-	let ShowSeconds;
+	import {ShowSeconds} from "../../logic/TimeAndTableData.svelte.js";
+
 	let ampm;
 
 	onMount(() => {
-		ShowSeconds = localStorage.getItem("ShowSeconds") || "true" == "true" ? true : false;
 		setInterval(() => {
 			ampm = new Date().getHours() >= 12 ? "PM" : "AM";
 		}, 1000);
@@ -21,7 +21,7 @@
 		<Row type={"min"} digit={0} />
 		<Row type={"min"} digit={1} />
 
-		{#if ShowSeconds}
+		{#if ShowSeconds.v}
 			<h1 class="text-[75px] leading-none text-gray-500">.</h1>
 
 			<Row type={"sec"} digit={0} />
diff --git a/src/routes/IdleScreen/logic/TimeAndTableData.svelte.js b/src/routes/IdleScreen/logic/TimeAndTableData.svelte.js
index d480d89..ebdbf83 100644
--- a/src/routes/IdleScreen/logic/TimeAndTableData.svelte.js
+++ b/src/routes/IdleScreen/logic/TimeAndTableData.svelte.js
@@ -18,3 +18,5 @@ export let timetableData = $state({
 });
 
 export let colseModal = $state({ v: false });
+
+export let ShowSeconds = $state({ v: true });