From 25bd59684b1215130e64d1e09686b530c653cca7 Mon Sep 17 00:00:00 2001
From: "xan.lol" <xan@xan.lol>
Date: Thu, 5 Mar 2026 00:52:34 -0800
Subject: [PATCH] feat: add video volume to persisted state

oopsy- used to be a PR: https://tangled.org/jollywhoppers.com/witchsky.app/pulls/70/
---
 .../Post/Embed/VideoEmbed/VideoVolumeContext.tsx          | 8 +++++---
 src/storage/schema.ts                                     | 2 ++
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/Post/Embed/VideoEmbed/VideoVolumeContext.tsx b/src/components/Post/Embed/VideoEmbed/VideoVolumeContext.tsx
index 7db5f9842..74ee11238 100644
--- a/src/components/Post/Embed/VideoEmbed/VideoVolumeContext.tsx
+++ b/src/components/Post/Embed/VideoEmbed/VideoVolumeContext.tsx
@@ -1,18 +1,20 @@
 import React from 'react'
 
+import {device, useStorage} from '#/storage'
+
 const Context = React.createContext<{
   // native
   muted: boolean
-  setMuted: React.Dispatch<React.SetStateAction<boolean>>
+  setMuted: (v: boolean) => void
   // web
   volume: number
-  setVolume: React.Dispatch<React.SetStateAction<number>>
+  setVolume: (v: number) => void
 } | null>(null)
 Context.displayName = 'VideoVolumeContext'
 
 export function Provider({children}: {children: React.ReactNode}) {
   const [muted, setMuted] = React.useState(true)
-  const [volume, setVolume] = React.useState(1)
+  const [volume = 1, setVolume] = useStorage(device, ['videoVolume'])
 
   const value = React.useMemo(
     () => ({
diff --git a/src/storage/schema.ts b/src/storage/schema.ts
index 9e588d63b..4d2089c9c 100644
--- a/src/storage/schema.ts
+++ b/src/storage/schema.ts
@@ -69,6 +69,8 @@ export type Device = {
    */
   policyUpdateDebugOverride?: boolean
   [PolicyUpdate202508]?: boolean
+
+  videoVolume: number
 }
 
 export type Account = {
-- 
2.51.2