diff --git a/src/pages/LogsPage/SwitchComponent.tsx b/src/pages/LogsPage/SwitchComponent.tsx
index 3170dabe..f0ffb25e 100644
--- a/src/pages/LogsPage/SwitchComponent.tsx
+++ b/src/pages/LogsPage/SwitchComponent.tsx
@@ -1,24 +1,31 @@
-import { Switch } from "tamagui"
+import { Switch } from 'tamagui'
+type SwitchComponentProps = {
+  timestamps: boolean
+  setTimestamps: (timestamps: boolean) => void
+}
 
-const SwitchComponent = () => {
+const SwitchComponent = ({ timestamps, setTimestamps }: SwitchComponentProps) => {
+  const handleCheckedChange = () => {
+    setTimestamps(!timestamps)
+  }
   return (
     <Switch
       size="$1"
-      style={ { backgroundColor: 'grey'} }
-      checked={false}
-      onCheckedChange={() =>(console.log(a))}
+      style={{ backgroundColor: timestamps ? '#4360df' : 'grey', border: 'none' }}
+      checked={timestamps}
+      onCheckedChange={handleCheckedChange}
     >
       <Switch.Thumb
         style={{
           right: 7,
           bottom: 3,
           backgroundColor: '#fff',
-          height: '16px',
-          width: '16px',
+          height: '18px',
+          width: '18px',
         }}
       />
     </Switch>
   )
 }
 
-export default SwitchComponent
\ No newline at end of file
+export default SwitchComponent