style: add formatting to all file types

.github/pull_request_template.md

@@ -8,7 +8,7 @@ Please provide a brief summary of the changes you’ve made. Explain the purpose
 
 If applicable, please include screenshots or a short video showcasing the changes you have made.
 
-*Insert images or videos here.*
+_Insert images or videos here._
 
 ---
 
@@ -24,4 +24,4 @@ Please ensure that you’ve completed the following checkpoints before submittin
 
 ## Additional Notes
 
-Other comments relevant to this pull request.
+Other comments relevant to this pull request.

package.json

@@ -61,7 +61,7 @@
     "build": "next build",
     "start": "next start",
     "export": "next export",
-    "lint": "eslint 'src/**/*.{ts,tsx}'",
+    "lint": "eslint 'src/**/*.{js,ts,tsx}'",
     "gen:pay": "node tools/pay.js",
     "analyze-bundle": "ANALYZE=true yarn build",
     "prepare": "husky install",
@@ -74,7 +74,7 @@
     "not op_mini all"
   ],
   "lint-staged": {
-    "*.js": "eslint --cache --fix",
-    "*.{js,css,md}": "prettier --write"
+    "**/*.{js,ts,tsx}": "eslint --cache --fix",
+    "**/*": "prettier --write --ignore-unknown"
   }
 }

pages/api/files.ts

@@ -1,6 +1,6 @@
-import {utapi} from '../../src/server/uploadthing'
+import { utapi } from '../../src/server/uploadthing';
 
-export default async function handler(_:any, res:any) {
-    const data = await utapi.listFiles();
-    res.status(200).json(data);
-}
+export default async function handler(_: any, res: any) {
+  const data = await utapi.listFiles();
+  res.status(200).json(data);
+}

pages/api/uploadthing.ts

@@ -1,9 +1,9 @@
-import { createRouteHandler } from "uploadthing/next-legacy";
+import { createRouteHandler } from 'uploadthing/next-legacy';
 
-import { uploadRouter } from "../../src/server/uploadthing";
+import { uploadRouter } from '../../src/server/uploadthing';
 
 const handler = createRouteHandler({
   router: uploadRouter,
 });
 
-export default handler;
+export default handler;

pages/hemsedal24/aktiviteter.tsx

@@ -1 +1 @@
-export { default } from 'src/hemsedal24/activities';
+export { default } from 'src/hemsedal24/activities';

pages/hemsedal24/bilder.tsx

@@ -1 +1 @@
-export {default} from '../../src/hemsedal24/bilder'
+export { default } from '../../src/hemsedal24/bilder';

pages/hemsedal24/index.tsx

@@ -1 +1 @@
-export { default } from 'src/hemsedal24/index';
+export { default } from 'src/hemsedal24/index';

pages/hemsedal24/lastopp.tsx

@@ -1 +1 @@
-export {default} from 'src/hemsedal24/upload'
+export { default } from 'src/hemsedal24/upload';

pages/hemsedal24/tingogtang.tsx

@@ -1 +1 @@
-export { default } from 'src/hemsedal24/tingogtang'
+export { default } from 'src/hemsedal24/tingogtang';

pages/jobs/[listing].tsx

@@ -34,7 +34,6 @@ export const getStaticProps: GetStaticProps<
     };
   }
 
-
   const contactEmails = listing.contact_emails?.split(',').map((e) => e.trim());
   let contacts: EmployeeItem[] = [];
   if (contactEmails?.length) {

pages/startskudd.tsx

@@ -1 +1 @@
-export {default} from "src/startskudd"
+export { default } from 'src/startskudd';

pages/varianttur/guildford23/aktiviteter.tsx

@@ -1 +1 @@
-export { default } from 'src/varianttur/guildford23/aktiviteter';
+export { default } from 'src/varianttur/guildford23/aktiviteter';

pages/varianttur/guildford23/bliKjent.tsx

@@ -1 +1 @@
-export { default } from 'src/varianttur/guildford23/bliKjent';
+export { default } from 'src/varianttur/guildford23/bliKjent';

pages/varianttur/guildford23/index.tsx

@@ -1 +1 @@
-export { default } from 'src/varianttur/guildford23';
+export { default } from 'src/varianttur/guildford23';

pages/varianttur/guildford23/tips.tsx

@@ -1 +1 @@
-export { default } from 'src/varianttur/guildford23/tips';
+export { default } from 'src/varianttur/guildford23/tips';

pages/vidsyn.tsx

@@ -1 +1 @@
-export { default } from 'src/vidsyn';
+export { default } from 'src/vidsyn';

src/advanced-calculator/config.ts

@@ -184,41 +184,41 @@ export const payscale = {
     '1982': '1420658',
   },
   '2024': {
-    "2024" : "600000",
-    "2023" : "635833",
-    "2022" : "681829",
-    "2021" : "734982",
-    "2020" : "789982",
-    "2019" : "838539",
-    "2018" : "879553",
-    "2017" : "916886",
-    "2016" : "949000",
-    "2015" : "977333",
-    "2014" : "1005324",
-    "2013" : "1031405",
-    "2012" : "1064738",
-    "2011" : "1091489",
-    "2010" : "1113742",
-    "2009" : "1138742",
-    "2008" : "1166667",
-    "2007" : "1192460",
-    "2006" : "1210126",
-    "2005" : "1233560",
-    "2004" : "1264767",
-    "2003" : "1289780",
-    "2002" : "1299680",
-    "2001" : "1295953",
-    "2000" : "1305501",
-    "1999" : "1328501",
-    "1998" : "1349349",
-    "1997" : "1365121",
-    "1996" : "1384832",
-    "1995" : "1399711",
-    "1994" : "1422069",
-    "1993" : "1429358",
-    "1992" : "1452891",
-    "1991" : "1458021",
-    "1990" : "1467321",
-    "1989" : "1484721"
-  }
+    '2024': '600000',
+    '2023': '635833',
+    '2022': '681829',
+    '2021': '734982',
+    '2020': '789982',
+    '2019': '838539',
+    '2018': '879553',
+    '2017': '916886',
+    '2016': '949000',
+    '2015': '977333',
+    '2014': '1005324',
+    '2013': '1031405',
+    '2012': '1064738',
+    '2011': '1091489',
+    '2010': '1113742',
+    '2009': '1138742',
+    '2008': '1166667',
+    '2007': '1192460',
+    '2006': '1210126',
+    '2005': '1233560',
+    '2004': '1264767',
+    '2003': '1289780',
+    '2002': '1299680',
+    '2001': '1295953',
+    '2000': '1305501',
+    '1999': '1328501',
+    '1998': '1349349',
+    '1997': '1365121',
+    '1996': '1384832',
+    '1995': '1399711',
+    '1994': '1422069',
+    '1993': '1429358',
+    '1992': '1452891',
+    '1991': '1458021',
+    '1990': '1467321',
+    '1989': '1484721',
+  },
 } as HistoricalPayscaleData;

src/bergen/bergensvyer/index.module.css

@@ -41,8 +41,11 @@
   grid-template-areas: 'left right';
 
   max-width: 1300px;
-  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.11), 0 2px 2px rgba(0, 0, 0, 0.11),
-    0 4px 4px rgba(0, 0, 0, 0.11), 0 6px 8px rgba(0, 0, 0, 0.11),
+  box-shadow:
+    0 1px 1px rgba(0, 0, 0, 0.11),
+    0 2px 2px rgba(0, 0, 0, 0.11),
+    0 4px 4px rgba(0, 0, 0, 0.11),
+    0 6px 8px rgba(0, 0, 0, 0.11),
     0 8px 16px rgba(0, 0, 0, 0.11);
 
   overflow: hidden;
@@ -98,7 +101,8 @@
 
 @media (max-width: 1100px) {
   .page2 {
-    background: url('./assets/bg-page2-alt1.svg') top left no-repeat,
+    background:
+      url('./assets/bg-page2-alt1.svg') top left no-repeat,
       url('./assets/bg-page2-alt2.svg') bottom right no-repeat,
       var(--color-secondary4__tint3);
   }
@@ -108,27 +112,31 @@
 }
 
 .page3 {
-  background: url('./assets/bg-page3-1.svg') top left no-repeat,
+  background:
+    url('./assets/bg-page3-1.svg') top left no-repeat,
     url('./assets/bg-page3-2.svg') bottom center no-repeat,
     url('./assets/bg-page3-3.jpg') right 250px no-repeat,
     var(--color-secondary4__tint3);
 }
 @media (max-width: 1100px) {
   .page3 {
-    background: url('./assets/bg-page3-1.svg') -25px top no-repeat,
+    background:
+      url('./assets/bg-page3-1.svg') -25px top no-repeat,
       url('./assets/bg-page3-2.svg') bottom center no-repeat,
       var(--color-secondary4__tint3);
   }
 }
 
 .page4 {
-  background: url('./assets/bg-page4-2.svg') bottom left no-repeat,
+  background:
+    url('./assets/bg-page4-2.svg') bottom left no-repeat,
     url('./assets/bg-page4-3.jpg') bottom right no-repeat,
     var(--color-secondary4__tint3);
 }
 @media (max-width: 1100px) {
   .page4 {
-    background: url('./assets/bg-page4-2.svg') bottom left no-repeat,
+    background:
+      url('./assets/bg-page4-2.svg') bottom left no-repeat,
       var(--color-secondary4__tint3);
   }
 }
@@ -142,13 +150,15 @@
 }
 
 .page5 {
-  background: url('./assets/bg-page5-1.svg') bottom left no-repeat,
+  background:
+    url('./assets/bg-page5-1.svg') bottom left no-repeat,
     url('./assets/bg-page5-2.svg') top right no-repeat;
 }
 
 @media (max-width: 1100px) {
   .page5 {
-    background: url('./assets/bg-page5-1.svg') -50px 130% no-repeat,
+    background:
+      url('./assets/bg-page5-1.svg') -50px 130% no-repeat,
       url('./assets/bg-page5-2.svg') top right no-repeat;
   }
 }

src/berlin23/varianttur.module.css

@@ -199,7 +199,9 @@
   border-right: var(--thickness) solid var(--color);
   border-bottom: var(--thickness) solid var(--color);
   transform: rotate(45deg);
-  animation: bounce 3.5s infinite, fadeIn 1s 1 forwards;
+  animation:
+    bounce 3.5s infinite,
+    fadeIn 1s 1 forwards;
   animation-delay: 3s;
   opacity: 0;
   display: none;

src/components/page-header/page-header.module.css

@@ -117,14 +117,17 @@
     left: 0;
     background-color: rgba(0, 0, 0, 0.4);
     transform: translateX(0%);
-    transition: transform 450ms ease-in-out,
+    transition:
+      transform 450ms ease-in-out,
       background-color 300ms ease-in-out 300ms;
     z-index: 99;
   }
 
   .header__nav__hidden {
     transform: translateX(100%);
-    transition: transform 450ms ease-in-out, background-color 100ms ease-in-out;
+    transition:
+      transform 450ms ease-in-out,
+      background-color 100ms ease-in-out;
     background-color: rgba(0, 0, 0, 0);
   }
 

src/helsinki23/components/Collapsable.tsx

@@ -3,25 +3,47 @@ import { ReactNode, useState } from 'react';
 import styles from './Collapsable.module.css';
 import collapseIcon from '../images/collapse.svg';
 
-const Collapsable: React.FC<{ title: string, children: ReactNode }> = ({ title, children }) => {
-
+const Collapsable: React.FC<{ title: string; children: ReactNode }> = ({
+  title,
+  children,
+}) => {
   const [isOpen, setIsOpen] = useState<boolean>(false);
 
   const split = title.indexOf(' ');
 
-  return <div className={`${styles.collapsable} ${isOpen ? styles.open : styles.closed}`}>
-    <div tabIndex={0} className={styles.header} role='button' onClick={() => setIsOpen((s) => !s)} onKeyDown={(e) => {
-      if (e.key == "Enter") {
-        setIsOpen((s) => !s)
-      }
-    }}>
-      <span>{title.slice(0, split)} {split !== -1 && <span className={styles.hidden}>{title.slice(split + 1)}</span>}</span>
-      <img src={collapseIcon} alt={isOpen ? "close" : "open"} />
-    </div>
-    <div className={styles.content} style={{opacity: isOpen ? '1' : '0', transition: 'all 0.2s'}}>
-      {children}
+  return (
+    <div
+      className={`${styles.collapsable} ${
+        isOpen ? styles.open : styles.closed
+      }`}
+    >
+      <div
+        tabIndex={0}
+        className={styles.header}
+        role="button"
+        onClick={() => setIsOpen((s) => !s)}
+        onKeyDown={(e) => {
+          if (e.key == 'Enter') {
+            setIsOpen((s) => !s);
+          }
+        }}
+      >
+        <span>
+          {title.slice(0, split)}{' '}
+          {split !== -1 && (
+            <span className={styles.hidden}>{title.slice(split + 1)}</span>
+          )}
+        </span>
+        <img src={collapseIcon} alt={isOpen ? 'close' : 'open'} />
+      </div>
+      <div
+        className={styles.content}
+        style={{ opacity: isOpen ? '1' : '0', transition: 'all 0.2s' }}
+      >
+        {children}
+      </div>
     </div>
-  </div>
-}
+  );
+};
 
 export default Collapsable;

src/helsinki23/components/Container.tsx

@@ -1,6 +1,20 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
 import styles from './Container.module.css';
 
-export default function Container({ children, className, ...props }: { children: ReactNode } & React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) {
-  return <div className={`${className ? className : ''} ${styles.container}`} {...props}>{children}</div>
+export default function Container({
+  children,
+  className,
+  ...props
+}: { children: ReactNode } & React.DetailedHTMLProps<
+  React.HTMLAttributes<HTMLDivElement>,
+  HTMLDivElement
+>) {
+  return (
+    <div
+      className={`${className ? className : ''} ${styles.container}`}
+      {...props}
+    >
+      {children}
+    </div>
+  );
 }