From f3b83b41f5da6f1562d8ed43865ec8816b55bae3 Mon Sep 17 00:00:00 2001
From: "Jade (Rose) Rowland" <jaderowlanddev@gmail.com>
Date: Fri, 14 Jun 2024 15:40:37 -0400
Subject: [PATCH] prettier

---
 website/src/components/Udels/Udels.jsx       |  3 +--
 website/src/components/Udels/UdelsHeader.tsx | 13 ++++---------
 website/src/repl/components/Code.jsx         |  4 +---
 website/src/repl/components/ReplEditor.jsx   |  3 +--
 website/src/settings.mjs                     |  6 +++---
 5 files changed, 10 insertions(+), 19 deletions(-)

diff --git a/website/src/components/Udels/Udels.jsx b/website/src/components/Udels/Udels.jsx
index c3062419..0de70050 100644
--- a/website/src/components/Udels/Udels.jsx
+++ b/website/src/components/Udels/Udels.jsx
@@ -4,7 +4,6 @@ import { UdelFrame } from './UdelFrame';
 import { useState } from 'react';
 import UdelsHeader from './UdelsHeader';
 
-
 const defaultHash = 'c3RhY2soCiAgCik%3D';
 
 const getHashesFromUrl = () => {
@@ -31,7 +30,7 @@ export function Udels() {
   const onEvaluate = (key, code) => {
     const hashes = getHashesFromUrl();
     hashes[key] = code2hash(code);
-  
+
     updateURLHashes(hashes);
   };
   //   useEffect(() => {
diff --git a/website/src/components/Udels/UdelsHeader.tsx b/website/src/components/Udels/UdelsHeader.tsx
index 7049e781..d56f3a1d 100644
--- a/website/src/components/Udels/UdelsHeader.tsx
+++ b/website/src/components/Udels/UdelsHeader.tsx
@@ -7,16 +7,11 @@ export default function UdelsHeader(Props) {
     <header id="header" className="flex text-white  z-[100] text-lg select-none bg-neutral-900">
       <div className="px-4 items-center gap-2  flex space-x-2 md:pt-0 select-none">
         <h1 onClick={() => {}} className={'text-l cursor-pointer flex gap-4'}>
-          <div
-            className={'mt-[1px] cursor-pointer'}
-          >
-            🌀
+          <div className={'mt-[1px] cursor-pointer'}>🌀</div>
+
+          <div className={'animate-pulse'}>
+            <span className="">strudel</span> <span className="text-sm">-UDELS</span>
           </div>
-         
-            <div className={'animate-pulse'}>
-              <span className="">strudel</span> <span className="text-sm">-UDELS</span>
-            </div>
-          
         </h1>
         <NumberInput value={numWindows} setValue={setNumWindows} />
       </div>
diff --git a/website/src/repl/components/Code.jsx b/website/src/repl/components/Code.jsx
index 5afc53eb..8481cc27 100644
--- a/website/src/repl/components/Code.jsx
+++ b/website/src/repl/components/Code.jsx
@@ -1,12 +1,10 @@
-
-
 // type Props = {
 //   containerRef:  React.MutableRefObject<HTMLElement | null>,
 //   editorRef:  React.MutableRefObject<HTMLElement | null>,
 //   init: () => void
 // }
 export function Code(Props) {
-const {editorRef, containerRef, init} = Props;
+  const { editorRef, containerRef, init } = Props;
 
   return (
     <section
diff --git a/website/src/repl/components/ReplEditor.jsx b/website/src/repl/components/ReplEditor.jsx
index 57eabb71..5cbfbb2e 100644
--- a/website/src/repl/components/ReplEditor.jsx
+++ b/website/src/repl/components/ReplEditor.jsx
@@ -7,7 +7,6 @@ import BigPlayButton from '@src/repl/components/BigPlayButton';
 import UserFacingErrorMessage from '@src/repl/components/UserFacingErrorMessage';
 import { Header } from './Header';
 
-
 // type Props = {
 //  context: replcontext,
 //  containerRef:  React.MutableRefObject<HTMLElement | null>,
@@ -23,7 +22,7 @@ export default function ReplEditor(Props) {
   const showPanel = !isEmbedded;
   return (
     <ReplContext.Provider value={context}>
-      <div className='h-full flex flex-col relative'>
+      <div className="h-full flex flex-col relative">
         <Loader active={pending} />
         <Header context={context} />
         {isEmbedded && <BigPlayButton started={started} handleTogglePlay={handleTogglePlay} />}
diff --git a/website/src/settings.mjs b/website/src/settings.mjs
index 1405fbf1..f9b9e281 100644
--- a/website/src/settings.mjs
+++ b/website/src/settings.mjs
@@ -1,7 +1,7 @@
 import { persistentMap } from '@nanostores/persistent';
 import { useStore } from '@nanostores/react';
 import { register } from '@strudel/core';
-import { isUdels, } from './repl/util.mjs';
+import { isUdels } from './repl/util.mjs';
 
 export const defaultAudioDeviceName = 'System Standard';
 
@@ -25,14 +25,14 @@ export const defaultSettings = {
   isZen: false,
   soundsFilter: 'all',
   patternFilter: 'community',
-  panelPosition:  'right',
+  panelPosition: 'right',
   userPatterns: '{}',
   audioDeviceName: defaultAudioDeviceName,
 };
 
 let search = null;
 if (typeof window !== 'undefined') {
- search = new URLSearchParams(window.location.search);
+  search = new URLSearchParams(window.location.search);
 }
 // if running multiple instance in one window, it will use the settings for that instance. else default to normal
 const instance = parseInt(search?.get('instance') ?? '0');