From d7b0080da01750818a260987dd7900e3f1cfa093 Mon Sep 17 00:00:00 2001
From: FredKSchott <FredKSchott@users.noreply.github.com>
Date: Sat, 31 Jul 2021 05:41:22 +0000
Subject: [PATCH] [ci] yarn format

---
 docs/astro.config.mjs                         |  5 +-
 docs/src/components/Header/LanguageSelect.css | 13 ++--
 docs/src/components/Header/LanguageSelect.tsx | 72 +++++++++++++------
 docs/src/components/Header/Search.css         |  2 +-
 .../RightSidebar/ThemeToggleButton.css        |  3 +-
 docs/src/config.ts                            |  2 +-
 6 files changed, 61 insertions(+), 36 deletions(-)

diff --git a/docs/astro.config.mjs b/docs/astro.config.mjs
index fe4142447..d68ce262b 100644
--- a/docs/astro.config.mjs
+++ b/docs/astro.config.mjs
@@ -4,7 +4,8 @@ export default {
   },
   renderers: [
     // Our main renderer for frontend components
-    '@astrojs/renderer-preact', 
+    '@astrojs/renderer-preact',
     // Needed for Algolia search component
-    '@astrojs/renderer-react'],
+    '@astrojs/renderer-react',
+  ],
 };
diff --git a/docs/src/components/Header/LanguageSelect.css b/docs/src/components/Header/LanguageSelect.css
index f353c18c2..b95ef5048 100644
--- a/docs/src/components/Header/LanguageSelect.css
+++ b/docs/src/components/Header/LanguageSelect.css
@@ -1,4 +1,3 @@
-
 .language-select {
   flex-grow: 1;
   width: 48px;
@@ -23,7 +22,7 @@
   transition-property: border-color, color;
   -webkit-font-smoothing: antialiased;
   padding-left: 30px;
-  padding-right: 1rem;    
+  padding-right: 1rem;
 }
 .language-select-wrapper .language-select:hover,
 .language-select-wrapper .language-select:focus {
@@ -35,14 +34,14 @@
   position: relative;
 }
 .language-select-wrapper > svg {
-    position: absolute;
-    top: 7px;
-    left: 10px;
-    z-index: -1;
+  position: absolute;
+  top: 7px;
+  left: 10px;
+  z-index: -1;
 }
 
 @media (min-width: 50em) {
   .language-select {
     width: 100%;
   }
-}
\ No newline at end of file
+}
diff --git a/docs/src/components/Header/LanguageSelect.tsx b/docs/src/components/Header/LanguageSelect.tsx
index 62849e867..89cd29ed5 100644
--- a/docs/src/components/Header/LanguageSelect.tsx
+++ b/docs/src/components/Header/LanguageSelect.tsx
@@ -14,29 +14,55 @@ const SelectLanguage: FunctionalComponent<{}> = ({}) => {
 
   return (
     <div class="language-select-wrapper">
-      <svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 88.6 77.3" height="1.2em" width="1.2em"> <path fill="currentColor" d="M61,24.6h7.9l18.7,51.6h-7.7l-5.4-15.5H54.3l-5.6,15.5h-7.2L61,24.6z M72.6,55l-8-22.8L56.3,55H72.6z" /> <path fill="currentColor" d="M53.6,60.6c-10-4-16-9-22-14c0,0,1.3,1.3,0,0c-6,5-20,13-20,13l-4-6c8-5,10-6,19-13c-2.1-1.9-12-13-13-19h8          c4,9,10,14,10,14c10-8,10-19,10-19h8c0,0-1,13-12,24l0,0c5,5,10,9,19,13L53.6,60.6z M1.6,16.6h56v-8h-23v-7h-9v7h-24V16.6z" /> </svg>
-      <select class="language-select" value={defaultValue} onChange={(e) => {
-        const newLang = e.target.value;
-        if (newLang === 'en') {
-          window.location.pathname = `/getting-started`;
-        } else {
-          window.location.pathname = `/${newLang}/getting-started`;
-        }
-        // TODO: Preserve the current page, if it exists:
-        // const oldPathname = window.location.pathname;
-        // const oldPathnameParts = oldPathname.split('/');
-        // oldPathnameParts.shift();
-        // if (/^[a-z]{2}$/.test(oldPathnameParts[0])) {
-        //   oldPathnameParts.shift();
-        // }
-        // if (newLang !== 'en') {
-        //   oldPathnameParts.unshift(newLang);
-        // }
-        // window.location.pathname = '/' + oldPathnameParts.join('/');
-      }}>
-        <option value="en"><span>English</span></option>
-        <option value="nl"><span>Dutch</span></option>
-      </select> 
+      <svg
+        aria-hidden="true"
+        focusable="false"
+        role="img"
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 88.6 77.3"
+        height="1.2em"
+        width="1.2em"
+      >
+        {' '}
+        <path
+          fill="currentColor"
+          d="M61,24.6h7.9l18.7,51.6h-7.7l-5.4-15.5H54.3l-5.6,15.5h-7.2L61,24.6z M72.6,55l-8-22.8L56.3,55H72.6z"
+        />{' '}
+        <path
+          fill="currentColor"
+          d="M53.6,60.6c-10-4-16-9-22-14c0,0,1.3,1.3,0,0c-6,5-20,13-20,13l-4-6c8-5,10-6,19-13c-2.1-1.9-12-13-13-19h8          c4,9,10,14,10,14c10-8,10-19,10-19h8c0,0-1,13-12,24l0,0c5,5,10,9,19,13L53.6,60.6z M1.6,16.6h56v-8h-23v-7h-9v7h-24V16.6z"
+        />{' '}
+      </svg>
+      <select
+        class="language-select"
+        value={defaultValue}
+        onChange={(e) => {
+          const newLang = e.target.value;
+          if (newLang === 'en') {
+            window.location.pathname = `/getting-started`;
+          } else {
+            window.location.pathname = `/${newLang}/getting-started`;
+          }
+          // TODO: Preserve the current page, if it exists:
+          // const oldPathname = window.location.pathname;
+          // const oldPathnameParts = oldPathname.split('/');
+          // oldPathnameParts.shift();
+          // if (/^[a-z]{2}$/.test(oldPathnameParts[0])) {
+          //   oldPathnameParts.shift();
+          // }
+          // if (newLang !== 'en') {
+          //   oldPathnameParts.unshift(newLang);
+          // }
+          // window.location.pathname = '/' + oldPathnameParts.join('/');
+        }}
+      >
+        <option value="en">
+          <span>English</span>
+        </option>
+        <option value="nl">
+          <span>Dutch</span>
+        </option>
+      </select>
     </div>
   );
 };
diff --git a/docs/src/components/Header/Search.css b/docs/src/components/Header/Search.css
index 47ec15acf..b11a59290 100644
--- a/docs/src/components/Header/Search.css
+++ b/docs/src/components/Header/Search.css
@@ -64,4 +64,4 @@
   .search-hint {
     display: flex;
   }
-}
\ No newline at end of file
+}
diff --git a/docs/src/components/RightSidebar/ThemeToggleButton.css b/docs/src/components/RightSidebar/ThemeToggleButton.css
index 43915c5b9..7de231d1b 100644
--- a/docs/src/components/RightSidebar/ThemeToggleButton.css
+++ b/docs/src/components/RightSidebar/ThemeToggleButton.css
@@ -1,4 +1,3 @@
-
 .theme-toggle {
   display: inline-flex;
   align-items: center;
@@ -35,4 +34,4 @@ input[name='theme-toggle'] {
   bottom: 0;
   left: 0;
   z-index: -1;
-}
\ No newline at end of file
+}
diff --git a/docs/src/config.ts b/docs/src/config.ts
index c3e78d8d9..3e677a27e 100644
--- a/docs/src/config.ts
+++ b/docs/src/config.ts
@@ -55,7 +55,7 @@ export const SIDEBAR = [
 export const SITE = {
   title: 'Astro Documentation',
   description: 'Build faster websites with less client-side Javascript.',
-}
+};
 
 export const OPEN_GRAPH = {
   locale: 'en_US',