Apply Prettier changes

examples/react-user-management/src/App.test.js

@@ -1,8 +1,8 @@
-import { render, screen } from '@testing-library/react';
-import App from './App';
+import { render, screen } from '@testing-library/react'
+import App from './App'
 
 test('renders learn react link', () => {
-  render(<App />);
-  const linkElement = screen.getByText(/learn react/i);
-  expect(linkElement).toBeInTheDocument();
-});
+  render(<App />)
+  const linkElement = screen.getByText(/learn react/i)
+  expect(linkElement).toBeInTheDocument()
+})

examples/react-user-management/src/Avatar.js

@@ -22,7 +22,6 @@ export default function Avatar({ url, size, onUpload }) {
     }
   }
 
-
   async function uploadAvatar(event) {
     try {
       setUploading(true)
@@ -36,9 +35,7 @@ export default function Avatar({ url, size, onUpload }) {
       const fileName = `${Math.random()}.${fileExt}`
       const filePath = `${fileName}`
 
-      let { error: uploadError } = await supabase.storage
-        .from('avatars')
-        .upload(filePath, file)
+      let { error: uploadError } = await supabase.storage.from('avatars').upload(filePath, file)
 
       if (uploadError) {
         throw uploadError

examples/react-user-management/src/index.css

@@ -43,7 +43,7 @@ body,
   position: relative;
   width: 100%;
 }
-.row [class^="col"] {
+.row [class^='col'] {
   float: left;
   margin: 0.5rem 2%;
   min-height: 0.125rem;
@@ -99,21 +99,23 @@ body,
   width: 96%;
 }
 .row::after {
-	content: "";
-	display: table;
-	clear: both;
+  content: '';
+  display: table;
+  clear: both;
 }
 .hidden-sm {
   display: none;
 }
 
-@media only screen and (min-width: 33.75em) {  /* 540px */
+@media only screen and (min-width: 33.75em) {
+  /* 540px */
   .container {
     width: 80%;
   }
 }
 
-@media only screen and (min-width: 45em) {  /* 720px */
+@media only screen and (min-width: 45em) {
+  /* 720px */
   .col-1 {
     width: 4.33%;
   }
@@ -155,14 +157,14 @@ body,
   }
 }
 
-@media only screen and (min-width: 60em) { /* 960px */
+@media only screen and (min-width: 60em) {
+  /* 960px */
   .container {
     width: 75%;
     max-width: 60rem;
   }
 }
 
-
 /* Forms */
 
 label {
@@ -286,7 +288,7 @@ button.primary,
   left: 0;
   right: 0;
   display: flex;
-  flex-flow: row; 
+  flex-flow: row;
   border-top: var(--custom-border);
   background-color: var(--custom-bg-color);
 }
@@ -300,23 +302,23 @@ button.primary,
   height: 20px;
   margin-left: 10px;
 }
-.footer > div:first-child  {
+.footer > div:first-child {
   display: none;
 }
-.footer > div:nth-child(2)  {
+.footer > div:nth-child(2) {
   justify-content: left;
 }
 
-@media only screen and (min-width: 60em) { /* 960px */
-  .footer > div:first-child  {
+@media only screen and (min-width: 60em) {
+  /* 960px */
+  .footer > div:first-child {
     display: flex;
   }
-  .footer > div:nth-child(2)  {
+  .footer > div:nth-child(2) {
     justify-content: center;
   }
 }
 
-
 @keyframes spin {
   from {
     transform: rotate(0deg);
@@ -343,7 +345,6 @@ button.primary,
   justify-content: center;
 }
 
-
 .form-widget {
   display: flex;
   flex-direction: column;

examples/react-user-management/src/index.js

@@ -1,17 +1,17 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import './index.css';
-import App from './App';
-import reportWebVitals from './reportWebVitals';
+import React from 'react'
+import ReactDOM from 'react-dom'
+import './index.css'
+import App from './App'
+import reportWebVitals from './reportWebVitals'
 
 ReactDOM.render(
   <React.StrictMode>
     <App />
   </React.StrictMode>,
   document.getElementById('root')
-);
+)
 
 // If you want to start measuring performance in your app, pass a function
 // to log results (for example: reportWebVitals(console.log))
 // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
-reportWebVitals();
+reportWebVitals()

examples/react-user-management/src/reportWebVitals.js

@@ -1,13 +1,13 @@
-const reportWebVitals = onPerfEntry => {
+const reportWebVitals = (onPerfEntry) => {
   if (onPerfEntry && onPerfEntry instanceof Function) {
     import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
-      getCLS(onPerfEntry);
-      getFID(onPerfEntry);
-      getFCP(onPerfEntry);
-      getLCP(onPerfEntry);
-      getTTFB(onPerfEntry);
-    });
+      getCLS(onPerfEntry)
+      getFID(onPerfEntry)
+      getFCP(onPerfEntry)
+      getLCP(onPerfEntry)
+      getTTFB(onPerfEntry)
+    })
   }
-};
+}
 
-export default reportWebVitals;
+export default reportWebVitals

examples/react-user-management/src/setupTests.js

@@ -2,4 +2,4 @@
 // allows you to do things like:
 // expect(element).toHaveTextContent(/react/i)
 // learn more: https://github.com/testing-library/jest-dom
-import '@testing-library/jest-dom';
+import '@testing-library/jest-dom'

examples/supabase-nextjs/styles/globals.css

@@ -43,7 +43,7 @@ body,
   position: relative;
   width: 100%;
 }
-.row [class^="col"] {
+.row [class^='col'] {
   float: left;
   margin: 0.5rem 2%;
   min-height: 0.125rem;
@@ -99,21 +99,23 @@ body,
   width: 96%;
 }
 .row::after {
-	content: "";
-	display: table;
-	clear: both;
+  content: '';
+  display: table;
+  clear: both;
 }
 .hidden-sm {
   display: none;
 }
 
-@media only screen and (min-width: 33.75em) {  /* 540px */
+@media only screen and (min-width: 33.75em) {
+  /* 540px */
   .container {
     width: 80%;
   }
 }
 
-@media only screen and (min-width: 45em) {  /* 720px */
+@media only screen and (min-width: 45em) {
+  /* 720px */
   .col-1 {
     width: 4.33%;
   }
@@ -155,14 +157,14 @@ body,
   }
 }
 
-@media only screen and (min-width: 60em) { /* 960px */
+@media only screen and (min-width: 60em) {
+  /* 960px */
   .container {
     width: 75%;
     max-width: 60rem;
   }
 }
 
-
 /* Forms */
 
 label {
@@ -286,7 +288,7 @@ button.primary,
   left: 0;
   right: 0;
   display: flex;
-  flex-flow: row; 
+  flex-flow: row;
   border-top: var(--custom-border);
   background-color: var(--custom-bg-color);
 }
@@ -300,23 +302,23 @@ button.primary,
   height: 20px;
   margin-left: 10px;
 }
-.footer > div:first-child  {
+.footer > div:first-child {
   display: none;
 }
-.footer > div:nth-child(2)  {
+.footer > div:nth-child(2) {
   justify-content: left;
 }
 
-@media only screen and (min-width: 60em) { /* 960px */
-  .footer > div:first-child  {
+@media only screen and (min-width: 60em) {
+  /* 960px */
+  .footer > div:first-child {
     display: flex;
   }
-  .footer > div:nth-child(2)  {
+  .footer > div:nth-child(2) {
     justify-content: center;
   }
 }
 
-
 @keyframes spin {
   from {
     transform: rotate(0deg);
@@ -343,7 +345,6 @@ button.primary,
   justify-content: center;
 }
 
-
 .form-widget {
   display: flex;
   flex-direction: column;

web/src/css/custom.css

@@ -484,7 +484,7 @@ a.card:hover {
 .menu > ul.menu__list li > a {
   padding-left: 0;
   padding-right: 0;
-  color: var(--custom-content-color)
+  color: var(--custom-content-color);
 }
 .menu .menu__list-item-hidden {
   display: none;
@@ -701,7 +701,7 @@ div[class*=' codeBlockContent'],
 }
 div[class^='codeBlockTitle'],
 div[class*=' codeBlockTitle'] {
-  color:#ccc !important;
+  color: #ccc !important;
   font-size: 0.8rem !important;
   border-color: #444;
 }