chore: switch to single quotes

axelerant-trainings-frontend · Sep 29, 2022 · b7f5509 · b7f5509
1 parent 10e6f6d
commit b7f5509
Show file tree

Hide file tree

Showing 19 changed files with 107 additions and 107 deletions.
diff --git a/.prettierrc b/.prettierrc
@@ -1,9 +1,9 @@
 {
-    "arrowParens": "always",
-    "semi": true,
-    "tabWidth": 2,
-    "trailingComma": "all",
-    "endOfLine": "lf",
-    "singleQuote": false,
-    "printWidth": 80
+  "arrowParens": "always",
+  "semi": true,
+  "tabWidth": 2,
+  "trailingComma": "all",
+  "endOfLine": "lf",
+  "singleQuote": true,
+  "printWidth": 80
 }
diff --git a/components/button/Button.stories.tsx b/components/button/Button.stories.tsx
@@ -1,18 +1,18 @@
-import React from "react";
-import Button from "./Button";
+import React from 'react';
+import Button from './Button';
 
 export default {
-  title: "Button",
+  title: 'Button',
   Component: Button,
 };
 
 const Template = (args) => <Button {...args} />;
 
 export const Primary = Template.bind({});
 Primary.args = {
-  children: "Primary",
+  children: 'Primary',
 };
 export const Secondary = Template.bind({});
 Secondary.args = {
-  children: "Secondary",
+  children: 'Secondary',
 };
diff --git a/components/button/Button.test.tsx b/components/button/Button.test.tsx
@@ -1,15 +1,15 @@
-import { render, screen } from "@testing-library/react";
-import Button from "./Button";
+import { render, screen } from '@testing-library/react';
+import Button from './Button';
 
-describe("Test Button component", () => {
-  it("renders the component", () => {
+describe('Test Button component', () => {
+  it('renders the component', () => {
     render(<Button>Test data</Button>);
-    const button = screen.getByRole("button");
+    const button = screen.getByRole('button');
     expect(button).toBeInTheDocument();
   });
-  it("renders the correct child data", () => {
+  it('renders the correct child data', () => {
     render(<Button>Test data</Button>);
-    const button = screen.getByRole("button");
+    const button = screen.getByRole('button');
     expect(button).toHaveTextContent(/test data/i);
   });
 });
diff --git a/components/button/Button.tsx b/components/button/Button.tsx
@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 
 const Button = ({ children }) => {
   return <button>{children}</button>;

diff --git a/cypress.config.ts b/cypress.config.ts
@@ -1,8 +1,8 @@
-import { defineConfig } from "cypress";
+import { defineConfig } from 'cypress';
 
 export default defineConfig({
   e2e: {
-    baseUrl: "http://localhost:3000",
+    baseUrl: 'http://localhost:3000',
     setupNodeEvents(on, config) {
       // implement node event listeners here
     },

diff --git a/cypress/e2e/home.cy.ts b/cypress/e2e/home.cy.ts
@@ -1,5 +1,5 @@
-describe("homepage", () => {
-  it("it loads", () => {
-    cy.visit("/");
+describe('homepage', () => {
+  it('it loads', () => {
+    cy.visit('/');
   });
 });
diff --git a/cypress/support/commands.ts b/cypress/support/commands.ts
@@ -34,4 +34,4 @@
 //       visit(originalFn: CommandOriginalFn, url: string, options: Partial<VisitOptions>): Chainable<Element>
 //     }
 //   }
-// }
+// }
diff --git a/cypress/support/e2e.ts b/cypress/support/e2e.ts
@@ -14,7 +14,7 @@
 // ***********************************************************
 
 // Import commands.js using ES2015 syntax:
-import "./commands";
+import './commands';
 
 // Alternatively you can use CommonJS syntax:
 // require('./commands')
diff --git a/getContentfulEnvironment.js b/getContentfulEnvironment.js
@@ -1,5 +1,5 @@
-require("dotenv").config();
-const contentfulManagement = require("contentful-management");
+require('dotenv').config();
+const contentfulManagement = require('contentful-management');
 
 module.exports = function () {
   const contentfulClient = contentfulManagement.createClient({

diff --git a/jest.config.js b/jest.config.js
@@ -1,14 +1,14 @@
-const nextJest = require("next/jest");
+const nextJest = require('next/jest');
 
 const createJestConfig = nextJest({
-  dir: "./",
+  dir: './',
 });
 
 /** @type {import('jest').Config} */
 const customJestConfig = {
-  setupFilesAfterEnv: ["<rootDir>/jest.setup.js"],
-  moduleDirectories: ["node_modules", "<rootDir>/"],
-  testEnvironment: "jest-environment-jsdom",
+  setupFilesAfterEnv: ['<rootDir>/jest.setup.js'],
+  moduleDirectories: ['node_modules', '<rootDir>/'],
+  testEnvironment: 'jest-environment-jsdom',
 };
 
 module.exports = createJestConfig(customJestConfig);
diff --git a/jest.setup.js b/jest.setup.js
@@ -1 +1 @@
-import "@testing-library/jest-dom/extend-expect";
+import '@testing-library/jest-dom/extend-expect';
diff --git a/next.config.js b/next.config.js
@@ -3,7 +3,7 @@ const nextConfig = {
   reactStrictMode: true,
   swcMinify: true,
   images: {
-    domains: ["images.ctfassets.net"],
+    domains: ['images.ctfassets.net'],
   },
 };
 

diff --git a/pages/_app.tsx b/pages/_app.tsx
@@ -1,6 +1,6 @@
-import React from "react";
-import type { AppProps } from "next/app";
-import "../styles/globals.css";
+import React from 'react';
+import type { AppProps } from 'next/app';
+import '../styles/globals.css';
 
 function MyApp({ Component, pageProps }: AppProps) {
   return <Component {...pageProps} />;

diff --git a/pages/api/hello.js b/pages/api/hello.js
@@ -1,5 +1,5 @@
 // Next.js API route support: https://nextjs.org/docs/api-routes/introduction
 
 export default function handler(req, res) {
-  res.status(200).json({ name: "John Doe" });
+  res.status(200).json({ name: 'John Doe' });
 }
diff --git a/pages/index.tsx b/pages/index.tsx
@@ -1,6 +1,6 @@
-import Head from "next/head";
-import Image from "next/image";
-import styles from "../styles/Home.module.css";
+import Head from 'next/head';
+import Image from 'next/image';
+import styles from '../styles/Home.module.css';
 
 export default function Home() {
   return (
@@ -47,7 +47,7 @@ export default function Home() {
         </h1>
 
         <p className={styles.description}>
-          Get started by editing{" "}
+          Get started by editing{' '}
           <code className={styles.code}>pages/index.js</code>
         </p>
 
@@ -88,7 +88,7 @@ export default function Home() {
           target="_blank"
           rel="noopener noreferrer"
         >
-          Powered by{" "}
+          Powered by{' '}
           <span className={styles.logo}>
             <Image src="/vercel.svg" alt="Vercel Logo" width={72} height={16} />
           </span>

diff --git a/pages/products/index.tsx b/pages/products/index.tsx
@@ -1,8 +1,8 @@
-import Image from "next/image";
-import React from "react";
+import Image from 'next/image';
+import React from 'react';
 
-import contentfulClient from "../../utils/contentfulClient";
-import { productsType } from "../../@types/product.types";
+import contentfulClient from '../../utils/contentfulClient';
+import { productsType } from '../../@types/product.types';
 
 const Products = ({ products }: productsType) => {
   return (

diff --git a/postcss.config.js b/postcss.config.js
@@ -3,4 +3,4 @@ module.exports = {
     tailwindcss: {},
     autoprefixer: {},
   },
-}
+};
diff --git a/styles/globals.css b/styles/globals.css
@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
+@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -1,92 +1,92 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
   content: [
-    "./pages/**/*.{js,ts,jsx,tsx}",
-    "./components/**/*.{js,ts,jsx,tsx}",
+    './pages/**/*.{js,ts,jsx,tsx}',
+    './components/**/*.{js,ts,jsx,tsx}',
   ],
   theme: {
     extend: {
       screens: {
-        sm: "375px",
+        sm: '375px',
       },
       fontFamily: {
-        primary: ["Poppins", "sans-serif"],
+        primary: ['Poppins', 'sans-serif'],
       },
       margin: {
-        primary: "16px",
+        primary: '16px',
       },
       width: {
-        xxs: "35px",
-        xs: "54px",
-        sm: "115px",
-        lg: "164px",
-        xl: "165px",
-        "2xl": "294px",
-        "3xl": "312px",
-        "4xl": "343px",
-        "5xl": "375px",
+        xxs: '35px',
+        xs: '54px',
+        sm: '115px',
+        lg: '164px',
+        xl: '165px',
+        '2xl': '294px',
+        '3xl': '312px',
+        '4xl': '343px',
+        '5xl': '375px',
       },
       height: {
-        xxs: "35px",
-        xs: "48px",
-        sm: "54px",
-        lg: "116px",
-        xl: "120px",
-        "2xl": "1214px",
-        "3xl": "135px",
-        "4xl": "160px",
-        "5xl": "282px",
-        "6xl": "308px",
+        xxs: '35px',
+        xs: '48px',
+        sm: '54px',
+        lg: '116px',
+        xl: '120px',
+        '2xl': '1214px',
+        '3xl': '135px',
+        '4xl': '160px',
+        '5xl': '282px',
+        '6xl': '308px',
       },
       fontSize: {
-        sm: "11px",
-        md: "13px",
-        lg: "14px",
-        xl: "15px",
-        "2xl": "29px",
+        sm: '11px',
+        md: '13px',
+        lg: '14px',
+        xl: '15px',
+        '2xl': '29px',
       },
       lineHeight: {
-        xxs: "16.5px",
-        xs: "18px",
-        sm: "21px",
-        lg: "22.5px",
-        xl: "24px",
-        "2xl": "30px",
-        "3xl": "43.5px",
+        xxs: '16.5px',
+        xs: '18px',
+        sm: '21px',
+        lg: '22.5px',
+        xl: '24px',
+        '2xl': '30px',
+        '3xl': '43.5px',
       },
       borderRadius: {
-        xxs: "7px",
-        xs: "8px",
-        sm: "9px",
-        lg: "12px",
-        xl: "20px",
+        xxs: '7px',
+        xs: '8px',
+        sm: '9px',
+        lg: '12px',
+        xl: '20px',
       },
       colors: {
         green: {
-          primary: "rgba(135, 221, 57, 1)",
-          secondary: "rgba(94, 196, 1, 1)",
+          primary: 'rgba(135, 221, 57, 1)',
+          secondary: 'rgba(94, 196, 1, 1)',
         },
         red: {
-          primary: "rgba(255, 85, 82, 1)",
-          secondary: "rgba(255, 85, 82, 0.72)",
+          primary: 'rgba(255, 85, 82, 1)',
+          secondary: 'rgba(255, 85, 82, 0.72)',
         },
         orange: {
-          light: "rgba(243, 122, 32, 1)",
+          light: 'rgba(243, 122, 32, 1)',
         },
         gray: {
-          light: "rgba(240, 241, 242, 1)",
-          darkish: "rgba(55, 71, 79, 0.72)",
+          light: 'rgba(240, 241, 242, 1)',
+          darkish: 'rgba(55, 71, 79, 0.72)',
         },
         light: {
-          regular: "rgba(252, 252, 252, 0.6)",
-          off: "rgba(54, 179, 126, 0.14)",
+          regular: 'rgba(252, 252, 252, 0.6)',
+          off: 'rgba(54, 179, 126, 0.14)',
         },
-        silver: { light: "rgba(196, 196, 196, 1)" },
-        flashWhite: "rgba(243, 244, 244, 1)",
-        charcoal: "rgba(55, 71, 79, 1)",
-        blackOlive: "rgba(62, 62, 62, 1)",
+        silver: { light: 'rgba(196, 196, 196, 1)' },
+        flashWhite: 'rgba(243, 244, 244, 1)',
+        charcoal: 'rgba(55, 71, 79, 1)',
+        blackOlive: 'rgba(62, 62, 62, 1)',
       },
     },
   },
-  plugins: [require("@tailwindcss/typography")],
-}
+  plugins: [require('@tailwindcss/typography')],
+};