From 0136fd3cab0d0bafda903dd70373d67158319e9b Mon Sep 17 00:00:00 2001
From: David Baker <dave@matrix.org>
Date: Wed, 4 May 2022 11:24:25 +0100
Subject: [PATCH] Run prettier

---
 src/home/RegisteredView.module.css  |  2 +-
 src/input/Toggle.jsx                |  6 +++++-
 src/input/Toggle.module.css         | 12 ++++++------
 src/room/AudioPreview.module.css    |  2 +-
 src/room/PTTButton.module.css       | 14 ++++++++------
 src/room/PTTCallView.module.css     |  4 ++--
 src/room/PTTFeed.module.css         |  2 +-
 src/video-grid/VideoGrid.module.css |  1 -
 src/video-grid/VideoTile.module.css |  6 +++---
 9 files changed, 27 insertions(+), 22 deletions(-)

diff --git a/src/home/RegisteredView.module.css b/src/home/RegisteredView.module.css
index 03f5b210..3f6b0bf2 100644
--- a/src/home/RegisteredView.module.css
+++ b/src/home/RegisteredView.module.css
@@ -7,7 +7,7 @@
 }
 
 .fieldRow {
-  margin-bottom: 24px;;
+  margin-bottom: 24px;
 }
 
 .fieldRow:last-child {
diff --git a/src/input/Toggle.jsx b/src/input/Toggle.jsx
index 5435982c..f7423085 100644
--- a/src/input/Toggle.jsx
+++ b/src/input/Toggle.jsx
@@ -9,7 +9,11 @@ export function Toggle({ id, label, className, onChange, isSelected }) {
   const toggle = useCallback(() => {
     onChange(!isSelected);
   });
-  const { buttonProps } = useToggleButton({ isSelected }, { toggle }, buttonRef);
+  const { buttonProps } = useToggleButton(
+    { isSelected },
+    { toggle },
+    buttonRef
+  );
 
   return (
     <Field
diff --git a/src/input/Toggle.module.css b/src/input/Toggle.module.css
index 8e2dad50..929dd424 100644
--- a/src/input/Toggle.module.css
+++ b/src/input/Toggle.module.css
@@ -6,12 +6,12 @@
 .button {
   position: relative;
   padding: 0;
-  transition: background-color 0.20s ease-out 0.1s;
+  transition: background-color 0.2s ease-out 0.1s;
   width: 44px;
   height: 24px;
   border: none;
   border-radius: 21px;
-  background-color: #6F7882;
+  background-color: #6f7882;
   cursor: pointer;
   margin-right: 8px;
 }
@@ -22,7 +22,7 @@
   width: 20px;
   height: 20px;
   border-radius: 21px;
-  background-color: #15191E;
+  background-color: #15191e;
   left: 2px;
   top: 2px;
 }
@@ -30,11 +30,11 @@
 .label {
   padding: 10px 8px;
   line-height: 24px;
-  color: #6F7882;
+  color: #6f7882;
 }
 
 .toggle.on .button {
-  background-color: #0DBD8B;
+  background-color: #0dbd8b;
 }
 
 .toggle.on .ball {
@@ -43,4 +43,4 @@
 
 .toggle.on .label {
   color: #ffffff;
-}
\ No newline at end of file
+}
diff --git a/src/room/AudioPreview.module.css b/src/room/AudioPreview.module.css
index f01c69b7..3ed24d8f 100644
--- a/src/room/AudioPreview.module.css
+++ b/src/room/AudioPreview.module.css
@@ -22,6 +22,6 @@
 @media (min-width: 800px) {
   .preview {
     margin-top: 40px;
-    background-color: #21262C;
+    background-color: #21262c;
   }
 }
diff --git a/src/room/PTTButton.module.css b/src/room/PTTButton.module.css
index 447e1190..1a8dd179 100644
--- a/src/room/PTTButton.module.css
+++ b/src/room/PTTButton.module.css
@@ -6,18 +6,20 @@
   border-radius: 116px;
   color: ##fff;
   border: 6px solid #0dbd8b;
-  background-color: #21262C;
+  background-color: #21262c;
   position: relative;
   padding: 0;
 }
 
 .talking {
   background-color: #0dbd8b;
-  box-shadow: 0px 0px 0px 17px rgba(13, 189, 139, 0.2), 0px 0px 0px 34px rgba(13, 189, 139, 0.2);
+  box-shadow: 0px 0px 0px 17px rgba(13, 189, 139, 0.2),
+    0px 0px 0px 34px rgba(13, 189, 139, 0.2);
 }
 
 .error {
-  background-color: #FF5B55;
-  border-color: #FF5B55;
-  box-shadow: 0px 0px 0px 17px rgba(255, 91, 85, 0.2), 0px 0px 0px 34px rgba(255, 91, 85, 0.2);
-}
\ No newline at end of file
+  background-color: #ff5b55;
+  border-color: #ff5b55;
+  box-shadow: 0px 0px 0px 17px rgba(255, 91, 85, 0.2),
+    0px 0px 0px 34px rgba(255, 91, 85, 0.2);
+}
diff --git a/src/room/PTTCallView.module.css b/src/room/PTTCallView.module.css
index 0da2ed22..54665e4f 100644
--- a/src/room/PTTCallView.module.css
+++ b/src/room/PTTCallView.module.css
@@ -25,7 +25,7 @@
 }
 
 .participants > p {
-  color: #A9B2BC;
+  color: #a9b2bc;
   margin-bottom: 8px;
 }
 
@@ -103,4 +103,4 @@
     flex: auto;
     order: 4;
   }
-}
\ No newline at end of file
+}
diff --git a/src/room/PTTFeed.module.css b/src/room/PTTFeed.module.css
index d7237c3b..9d126bfe 100644
--- a/src/room/PTTFeed.module.css
+++ b/src/room/PTTFeed.module.css
@@ -1,3 +1,3 @@
 .audioFeed {
   display: none;
-}
\ No newline at end of file
+}
diff --git a/src/video-grid/VideoGrid.module.css b/src/video-grid/VideoGrid.module.css
index 48420246..9fbe074c 100644
--- a/src/video-grid/VideoGrid.module.css
+++ b/src/video-grid/VideoGrid.module.css
@@ -4,4 +4,3 @@
   flex: 1;
   touch-action: none;
 }
-
diff --git a/src/video-grid/VideoTile.module.css b/src/video-grid/VideoTile.module.css
index 419d56d0..f5e2d11c 100644
--- a/src/video-grid/VideoTile.module.css
+++ b/src/video-grid/VideoTile.module.css
@@ -85,7 +85,7 @@
 .videoMutedOverlay {
   width: 100%;
   height: 100%;
-  background-color: #21262C;
+  background-color: #21262c;
 }
 
 .presenterLabel {
@@ -93,7 +93,7 @@
   top: 20px;
   left: 50%;
   transform: translateX(-50%);
-  background-color: #17191C;
+  background-color: #17191c;
   border-radius: 4px;
   display: flex;
   justify-content: center;
@@ -110,4 +110,4 @@
   width: 25%;
   max-width: 360px;
   border-radius: 20px;
-}
\ No newline at end of file
+}