Refactor useSettings hook, parse with zod schema

2024-02-13 23:20:18 -06:00
parent b0a82a23d0
commit ffdb744d16
40 changed files with 108 additions and 92 deletions
--- a/src/components/still-image.tsx
+++ b/src/components/still-image.tsx
@@ -22,8 +22,7 @@ export interface IStillImage {

 /** Renders images on a canvas, only playing GIFs if autoPlayGif is enabled. */
 const StillImage: React.FC<IStillImage> = ({ alt, className, src, style, letterboxed = false, showExt = false, onError }) => {
-  const settings = useSettings();
-  const autoPlayGif = settings.get('autoPlayGif');
+  const { autoPlayGif } = useSettings();

  const canvas = useRef<HTMLCanvasElement>(null);
  const img    = useRef<HTMLImageElement>(null);