change prettier to single quotes

emiljohansson · Feb 18, 2023 · 4bb803d · 4bb803d
1 parent 01d30c4
commit 4bb803d
Show file tree

Hide file tree

Showing 9 changed files with 37 additions and 38 deletions.
diff --git a/.prettierrc b/.prettierrc
@@ -1,7 +1,7 @@
 {
 	"semi": false,
 	"useTabs": true,
-	"singleQuote": false,
+	"singleQuote": true,
 	"trailingComma": "all",
 	"printWidth": 100,
 	"plugins": [],

diff --git a/apps/next/app/layout.tsx b/apps/next/app/layout.tsx
@@ -2,13 +2,12 @@ import 'shared/globals.css'
 
 import { PropsWithChildren } from 'react'
 
-export default function Layout ({ children }: PropsWithChildren<unknown>) {
-  return (
-    <html lang="en" className="h-full">
-      <body className="dark:bg-black-rich dark:text-white h-full">
-        <main className="h-full">
-          {children}
-        </main>
-      </body>
-    </html>)
+export default function Layout({ children }: PropsWithChildren<unknown>) {
+	return (
+		<html lang="en" className="h-full">
+			<body className="dark:bg-black-rich dark:text-white h-full">
+				<main className="h-full">{children}</main>
+			</body>
+		</html>
+	)
 }
diff --git a/packages/shared/CheckboxWithLabel.tsx b/packages/shared/CheckboxWithLabel.tsx
@@ -1,6 +1,6 @@
-import type { CheckboxProps } from "@radix-ui/react-checkbox"
-import { Root, Indicator } from "@radix-ui/react-checkbox"
-import { CheckIcon } from "@radix-ui/react-icons"
+import type { CheckboxProps } from '@radix-ui/react-checkbox'
+import { Root, Indicator } from '@radix-ui/react-checkbox'
+import { CheckIcon } from '@radix-ui/react-icons'
 
 interface Props extends CheckboxProps {
 	labelText: string

diff --git a/packages/shared/Header.tsx b/packages/shared/Header.tsx
@@ -1,6 +1,6 @@
-import type { PropsWithChildren } from "react"
-import Link from "next/link"
-import { FiArrowLeft } from "react-icons/fi"
+import type { PropsWithChildren } from 'react'
+import Link from 'next/link'
+import { FiArrowLeft } from 'react-icons/fi'
 
 const Header = ({ children }: PropsWithChildren) => {
 	return (

diff --git a/packages/shared/HeaderAction.tsx b/packages/shared/HeaderAction.tsx
@@ -1,4 +1,4 @@
-import type { PropsWithChildren, ReactNode } from "react"
+import type { PropsWithChildren, ReactNode } from 'react'
 
 const HeaderAction = ({
 	children,

diff --git a/packages/shared/Progress.tsx b/packages/shared/Progress.tsx
@@ -1,13 +1,13 @@
-import { Root, Indicator } from "@radix-ui/react-progress"
-import { motion } from "framer-motion"
-import { classNames } from "lib/utils/string"
+import { Root, Indicator } from '@radix-ui/react-progress'
+import { motion } from 'framer-motion'
+import { classNames } from 'lib/utils/string'
 
 export const Progress = ({ progress }: { progress: number }) => {
-	let colorClass = "bg-green-400"
+	let colorClass = 'bg-green-400'
 	if (progress <= 25) {
-		colorClass = "bg-red-400"
+		colorClass = 'bg-red-400'
 	} else if (progress <= 50) {
-		colorClass = "bg-yellow-200"
+		colorClass = 'bg-yellow-200'
 	}
 	return (
 		<Root
@@ -17,9 +17,9 @@ export const Progress = ({ progress }: { progress: number }) => {
 		>
 			<Indicator asChild className="h-full">
 				<motion.div
-					className={classNames("h-full w-0", colorClass)}
+					className={classNames('h-full w-0', colorClass)}
 					animate={{
-						width: progress + "%",
+						width: progress + '%',
 					}}
 					transition={{ duration: 0.4 }}
 				/>

diff --git a/packages/shared/Slider.tsx b/packages/shared/Slider.tsx
@@ -1,7 +1,7 @@
-import type { SliderProps } from "@radix-ui/react-slider"
-import { Root, Track, Range, Thumb } from "@radix-ui/react-slider"
+import type { SliderProps } from '@radix-ui/react-slider'
+import { Root, Track, Range, Thumb } from '@radix-ui/react-slider'
 
-interface Props extends Omit<SliderProps, "defaultValue"> {
+interface Props extends Omit<SliderProps, 'defaultValue'> {
 	defaultValue: number
 	label?: string
 }

diff --git a/packages/shared/ThemeToggle.tsx b/packages/shared/ThemeToggle.tsx
@@ -1,8 +1,8 @@
-import { useEffect, useState } from "react"
-import { motion } from "framer-motion"
-import { MoonIcon, SunIcon } from "@radix-ui/react-icons"
+import { useEffect, useState } from 'react'
+import { motion } from 'framer-motion'
+import { MoonIcon, SunIcon } from '@radix-ui/react-icons'
 
-const darkClassName = "dark"
+const darkClassName = 'dark'
 let savedDarkMode: boolean | undefined
 
 const useDarkMode = () => {
@@ -14,7 +14,7 @@ const useDarkMode = () => {
 			savedDarkMode = document.documentElement.classList.contains(darkClassName)
 			return
 		}
-		localStorage.setItem("theme", darkMode ? darkClassName : "")
+		localStorage.setItem('theme', darkMode ? darkClassName : '')
 		document.documentElement.classList.toggle(darkClassName, localStorage.theme === darkClassName)
 		savedDarkMode = document.documentElement.classList.contains(darkClassName)
 	}, [darkMode])
@@ -35,16 +35,16 @@ export const ThemeToggle = () => {
 				initial={{
 					scale: darkMode === undefined ? 0.5 : 1,
 					opacity: darkMode === undefined ? 0 : 1,
-					y: darkMode === undefined ? "-100%" : 0,
+					y: darkMode === undefined ? '-100%' : 0,
 				}}
 				animate={{
 					scale: darkMode === undefined ? 0.5 : 1,
 					opacity: darkMode === undefined ? 0 : 1,
-					y: darkMode === undefined ? "-100%" : 0,
+					y: darkMode === undefined ? '-100%' : 0,
 				}}
 				transition={{ duration: 0.5, delay: 0.5 }}
 			>
-				<span className="sr-only">Use {darkMode ? "dark" : "light"} mode</span>
+				<span className="sr-only">Use {darkMode ? 'dark' : 'light'} mode</span>
 				{darkMode ? (
 					<MoonIcon className="block" width="24" height="24" />
 				) : (

diff --git a/packages/shared/styled-jsx.d.ts b/packages/shared/styled-jsx.d.ts
@@ -1,6 +1,6 @@
-import "react"
+import 'react'
 
-declare module "react" {
+declare module 'react' {
 	interface StyleHTMLAttributes<T> extends React.HTMLAttributes<T> {
 		jsx?: boolean
 		global?: boolean