Update .prettierrc

Author: ThomasKiljanczykDev

.prettierrc

@@ -3,7 +3,7 @@
     "tabWidth": 4,
     "printWidth": 100,
     "singleQuote": true,
-    "jsxSingleQuote": true,
+    "jsxSingleQuote": false,
     "trailingComma": "none",
     "bracketSameLine": false,
     "bracketSpacing": false

src/popup/AppShell/AppShell.tsx

@@ -10,5 +10,5 @@ export default function AppShell(props: {children?: ReactNode}): ReactElement {
         navigate('/home-page');
     }, []);
 
-    return <div className='App'>{props.children}</div>;
+    return <div className="App">{props.children}</div>;
 }

src/popup/components/PopupContent/PopupContent.tsx

@@ -5,7 +5,7 @@ import {ReactElement, ReactNode} from 'react';
 
 export default function PopupContent(props: {children?: ReactNode}): ReactElement {
     return (
-        <Box className='popup-content' display='flex' justifyContent='center' alignItems='center'>
+        <Box className="popup-content" display="flex" justifyContent="center" alignItems="center">
             {props.children}
         </Box>
     );

src/popup/components/PopupHeader/PopupHeader.tsx

@@ -6,8 +6,8 @@ import {ReactElement, ReactNode} from 'react';
 
 export default function PopupHeader(props: {children?: ReactNode}): ReactElement {
     return (
-        <Toolbar className='popup-header' sx={{boxShadow: 1}}>
-            <ExtensionRoundedIcon className='popup-logo' />
+        <Toolbar className="popup-header" sx={{boxShadow: 1}}>
+            <ExtensionRoundedIcon className="popup-logo" />
             <h1>Chrome Extension React</h1>
             {props.children}
         </Toolbar>

src/popup/features/HomePage/HomePage.tsx

@@ -66,8 +66,8 @@ export default function HomePage(): ReactElement {
         <>
             <PopupHeader />
             <PopupContent>
-                <Stack alignItems='center' spacing={1}>
-                    <Box alignItems='center'>
+                <Stack alignItems="center" spacing={1}>
+                    <Box alignItems="center">
                         <h1>My Chromium extension</h1>
                     </Box>
 
@@ -76,8 +76,8 @@ export default function HomePage(): ReactElement {
                     </p>
 
                     <Button
-                        className='scrape-button'
-                        variant='contained'
+                        className="scrape-button"
+                        variant="contained"
                         disabled={disableScrapeButton}
                         onClick={scrape}
                     >
@@ -91,8 +91,8 @@ export default function HomePage(): ReactElement {
                 onClose={handleSnackbarClose}
             >
                 <Alert
-                    className='alert-snackbar-alert'
-                    severity='error'
+                    className="alert-snackbar-alert"
+                    severity="error"
                     onClose={handleSnackbarClose}
                 >
                     {errorSnackbarMessage}

src/popup/index.tsx

@@ -14,8 +14,8 @@ function Index(): ReactElement {
                 <AppShell>
                     <Suspense fallback={<PopupHeader />}>
                         <Routes>
-                            <Route path='/' element={<PopupHeader />} />
-                            <Route path='/home-page' element={<HomePage />} />
+                            <Route path="/" element={<PopupHeader />} />
+                            <Route path="/home-page" element={<HomePage />} />
                         </Routes>
                     </Suspense>
                 </AppShell>