fix(eslint): --fix or ignore

cypress/e2e/branch-select.spec.js

@@ -12,6 +12,7 @@ describe("Info pages", () => {
     it("can select a branch", () => {
       cy.getBySel("branchSelect").click();
       cy.getBySel("branchOption").should("have.length", 4);
+      // eslint-disable-next-line cypress/unsafe-to-chain-command
       cy.getBySel("branchOption")
         .eq(0)
         .click()
@@ -29,6 +30,7 @@ describe("Info pages", () => {
       });
 
       cy.getBySel("branchSelect").click();
+      // eslint-disable-next-line cypress/unsafe-to-chain-command
       cy.getBySel("branchOption")
         .eq(1)
         .click()

cypress/e2e/register.spec.js

@@ -95,6 +95,7 @@ describe("Register", () => {
     );
 
     cy.get("#postalCode").clear();
+    // eslint-disable-next-line cypress/unsafe-to-chain-command
     cy.get("#postalCode").type("0977").blur();
     cy.getBySel("postal-city-preview").should("contain", "Oslo");
     cy.getBySel("submit-button").should("not.be.disabled");
@@ -144,6 +145,7 @@ describe("Register", () => {
 
   it("cannot register when passord is invalid", () => {
     cy.get("#password").clear();
+    // eslint-disable-next-line cypress/unsafe-to-chain-command
     cy.get("#password").type("pass").blur();
     cy.getBySel("error-message").should("be.visible");
     cy.getBySel("submit-button").should("be.disabled");

package.json

@@ -72,16 +72,11 @@
     "eslint-plugin-promise": "^6.1.1",
     "eslint-plugin-unicorn": "^48.0.1",
     "husky": ">=6",
-    "lint-staged": ">=10",
     "prettier": "^3.0.3",
-    "pretty-quick": "^3.1.3",
     "typescript": "^4.9.4"
   },
   "browserslist": [
     "defaults",
     "not IE 11"
-  ],
-  "lint-staged": {
-    "*.{js,ts,tsx,md,json,yml,css}": "yarn prettier:check"
-  }
+  ]
 }

src/api/api.ts

@@ -1,7 +1,7 @@
 import axios, { AxiosError, AxiosResponse } from "axios";
 
-import { apiPath, getHeaders } from "./apiRequest";
-import { fetchNewTokens } from "./token";
+import { apiPath, getHeaders } from "api/apiRequest";
+import { fetchNewTokens } from "api/token";
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const get = async <T = any>(

src/api/apiRequest.ts

@@ -1,5 +1,5 @@
-import { getAccessToken, haveAccessToken } from "./token";
-import BL_CONFIG from "../utils/bl-config";
+import { getAccessToken, haveAccessToken } from "api/token";
+import BL_CONFIG from "utils/bl-config";
 
 export const apiPath = (collection: string, query?: string) => {
   const path = BL_CONFIG.api.basePath;

src/api/auth.ts

@@ -1,7 +1,6 @@
+import { haveAccessToken, removeTokens, getAccessTokenBody } from "api/token";
 import { UserPermission } from "utils/types";
 
-import { haveAccessToken, removeTokens, getAccessTokenBody } from "./token";
-
 export const isLoggedIn = () => haveAccessToken();
 
 export const logout = () => removeTokens();

src/api/login.ts

@@ -1,6 +1,6 @@
-import { add } from "./api";
-import { parseTokensFromResponseDataAndStore } from "./token";
-import BL_CONFIG from "../utils/bl-config";
+import { add } from "api/api";
+import { parseTokensFromResponseDataAndStore } from "api/token";
+import BL_CONFIG from "utils/bl-config";
 
 export const login = async (username: string, password: string) => {
   const apiResponse = await add(BL_CONFIG.login.local.url, {

src/api/token.ts

@@ -1,11 +1,10 @@
 import axios from "axios";
 import { decodeToken } from "react-jwt";
 
+import { add, get, remove } from "api/storage";
+import BL_CONFIG from "utils/bl-config";
 import { AccessToken } from "utils/types";
 
-import { add, get, remove } from "./storage";
-import BL_CONFIG from "../utils/bl-config";
-
 const accessTokenName = BL_CONFIG.token.accessToken;
 const refreshTokenName = BL_CONFIG.token.refreshToken;
 

src/components/BranchSelect.tsx

@@ -13,14 +13,13 @@ import useSWR, { SWRResponse } from "swr";
 
 import { fetcher } from "api/requests";
 import { add, get } from "api/storage";
+import { setCart, setDeliveryMethod } from "redux/cart";
 import { useAppSelector, useAppDispatch } from "redux/hooks";
 import { selectBranch, setSelectedBranch } from "redux/selectedBranch";
+import { setSelectedCustomerItemActions } from "redux/selectedCustomerItemActions";
+import { setSelectedSubjects } from "redux/selectedSubjects";
 import BL_CONFIG from "utils/bl-config";
 
-import { setCart, setDeliveryMethod } from "../redux/cart";
-import { setSelectedCustomerItemActions } from "../redux/selectedCustomerItemActions";
-import { setSelectedSubjects } from "../redux/selectedSubjects";
-
 export const branchListUrl = `${BL_CONFIG.api.basePath}branches?og=name&active=true&sort=name`;
 
 const BranchSelect = ({ isNav }: { isNav?: boolean }) => {

src/components/CustomerItemOverview.tsx

@@ -20,17 +20,17 @@ import moment from "moment";
 import { useRouter } from "next/router";
 import React, { useState } from "react";
 
-import { setCart } from "../redux/cart";
-import { useAppDispatch, useAppSelector } from "../redux/hooks";
+import { setCart } from "redux/cart";
+import { useAppDispatch, useAppSelector } from "redux/hooks";
 import {
   CustomerItemAction,
   selectCustomerItemActions,
   setSelectedCustomerItemActions,
-} from "../redux/selectedCustomerItemActions";
+} from "redux/selectedCustomerItemActions";
 import {
   generateCartItemsFromCustomerItemActions,
   getExtendTime,
-} from "../utils/cartUtils";
+} from "utils/cartUtils";
 
 const calculateMaxDeadline = (): string => {
   const now = moment();

src/components/DynamicLink.tsx

@@ -2,9 +2,9 @@ import { Link as MuiLink, LinkProps as MuiLinkProps } from "@mui/material";
 import NextLink, { LinkProps as NextLinkProps } from "next/link";
 import { ForwardedRef, forwardRef, useEffect, useState } from "react";
 
-import { isLoggedIn } from "../api/auth";
-import { getAccessToken, getRefreshToken } from "../api/token";
-import BL_CONFIG from "../utils/bl-config";
+import { isLoggedIn } from "api/auth";
+import { getAccessToken, getRefreshToken } from "api/token";
+import BL_CONFIG from "utils/bl-config";
 
 type CustomNextLinkProps = Omit<NextLinkProps, "href"> & {
   _href: NextLinkProps["href"];

src/components/Footer.tsx

@@ -6,8 +6,8 @@ import moment from "moment";
 import Image from "next/image";
 import React from "react";
 
-import DynamicLink from "./DynamicLink";
-import ContactInfo from "./info/ContactInfo";
+import DynamicLink from "components/DynamicLink";
+import ContactInfo from "components/info/ContactInfo";
 
 export default function Footer() {
   return (

src/components/NavBar.tsx

@@ -6,10 +6,10 @@ import Typography from "@mui/material/Typography";
 import Image from "next/image";
 import React from "react";
 
-import BranchSelect from "./BranchSelect";
-import DynamicLink from "./DynamicLink";
-import DropDownMenu from "./SideMenuDrawer";
-import BL_CONFIG from "../utils/bl-config";
+import BranchSelect from "components/BranchSelect";
+import DynamicLink from "components/DynamicLink";
+import DropDownMenu from "components/SideMenuDrawer";
+import BL_CONFIG from "utils/bl-config";
 
 interface TabLinkProps {
   title: string;

src/components/OrderHistory.tsx

@@ -19,7 +19,7 @@ import Button from "@mui/material/Button";
 import moment from "moment";
 import React, { useState } from "react";
 
-import { get } from "../api/api";
+import { get } from "api/api";
 
 // fetchPayments(orders);
 // types are from a business POV
@@ -63,11 +63,13 @@ const OrderHistory = ({ orders }: { orders: Order[] }) => {
     const data = await get(`orders/${orderId}/receipt`);
     const receiptData = data.data.data[0];
     const byteCharacters = atob(receiptData.content);
-    const byteNumbers: number[] = Array.from({ length: byteCharacters.length });
+    const byteNumbers = Array.from({ length: byteCharacters.length });
     for (let index = 0; index < byteNumbers.length; index++) {
-      byteNumbers[index] = byteCharacters.codePointAt(index) as number;
+      byteNumbers[index] = byteCharacters.codePointAt(index);
     }
 
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
     const blob = new Blob([new Uint8Array(byteNumbers)], {
       type: "application/pdf",
     });
@@ -259,15 +261,17 @@ const OrderHistory = ({ orders }: { orders: Order[] }) => {
                                         </TableCell>
                                       </TableRow>
                                     )}
-                                  {/** @ts-ignore*/}
+
+                                  {/** eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                                   @ts-ignore */}
                                   {orderItem.info?.["amountLeftToPay"] && (
                                     <TableRow>
                                       <TableCell align="center">
                                         <b>Betal senere</b>
                                       </TableCell>
                                       <TableCell align="center">
-                                        {}
-                                        {/** @ts-ignore*/}
+                                        {/** eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                                         @ts-ignore */}
                                         {orderItem.info["amountLeftToPay"]} kr
                                       </TableCell>
                                     </TableRow>

src/components/SideMenuDrawer.tsx

@@ -20,9 +20,8 @@ import { useRouter } from "next/router";
 import React, { useState, KeyboardEvent, MouseEvent, ReactNode } from "react";
 
 import { isLoggedIn, logout } from "api/auth";
-
-import DynamicLink from "./DynamicLink";
-import BL_CONFIG from "../utils/bl-config";
+import DynamicLink from "components/DynamicLink";
+import BL_CONFIG from "utils/bl-config";
 
 interface DrawerLinkProps {
   title: string;

src/components/SubjectSelect.tsx

@@ -12,12 +12,12 @@ import Typography from "@mui/material/Typography";
 import { useRouter } from "next/router";
 import React, { useState } from "react";
 
-import FixedSuccessButton from "./FixedSuccessButton";
-import { setCart } from "../redux/cart";
-import { useAppDispatch, useAppSelector } from "../redux/hooks";
-import { selectBranch } from "../redux/selectedBranch";
-import { selectSubjects, setSelectedSubjects } from "../redux/selectedSubjects";
-import { generateCartItemsFromSubjects } from "../utils/cartUtils";
+import FixedSuccessButton from "components/FixedSuccessButton";
+import { setCart } from "redux/cart";
+import { useAppDispatch, useAppSelector } from "redux/hooks";
+import { selectBranch } from "redux/selectedBranch";
+import { selectSubjects, setSelectedSubjects } from "redux/selectedSubjects";
+import { generateCartItemsFromSubjects } from "utils/cartUtils";
 
 const SubjectCheckbox = ({ subject }: { subject: string }) => {
   const dispatch = useAppDispatch();

src/components/cart/Cart.tsx

@@ -3,13 +3,13 @@ import Box from "@mui/material/Box";
 import Typography from "@mui/material/Typography";
 import { useRouter } from "next/router";
 
-import BackButton from "./BackButton";
-import CartTableHeader from "./CartTableHeader";
-import CartTableRow from "./CartTableRow";
-import { isLoggedIn } from "../../api/auth";
-import { selectCartItems } from "../../redux/cart";
-import { useAppSelector } from "../../redux/hooks";
-import FixedSuccessButton from "../FixedSuccessButton";
+import { isLoggedIn } from "api/auth";
+import BackButton from "components/cart/BackButton";
+import CartTableHeader from "components/cart/CartTableHeader";
+import CartTableRow from "components/cart/CartTableRow";
+import FixedSuccessButton from "components/FixedSuccessButton";
+import { selectCartItems } from "redux/cart";
+import { useAppSelector } from "redux/hooks";
 
 const Cart = () => {
   const cartItems = useAppSelector(selectCartItems);

src/components/cart/CartTableRow.tsx

@@ -2,11 +2,11 @@ import { BranchItem, OrderItemType } from "@boklisten/bl-model";
 import { TableCell, TableRow, Tooltip } from "@mui/material";
 import moment from "moment";
 
-import RemoveCartItemButton from "./RemoveCartItemButton";
-import SelectDeadline from "./SelectDeadline";
-import { CartItem } from "../../redux/cart";
-import { useAppSelector } from "../../redux/hooks";
-import { selectSubjects } from "../../redux/selectedSubjects";
+import RemoveCartItemButton from "components/cart/RemoveCartItemButton";
+import SelectDeadline from "components/cart/SelectDeadline";
+import { CartItem } from "redux/cart";
+import { useAppSelector } from "redux/hooks";
+import { selectSubjects } from "redux/selectedSubjects";
 
 const getReadableOrderType = (orderItemType: OrderItemType) =>
   orderItemType === "extend" ? "forlenging" : "utkjøp";
@@ -18,6 +18,7 @@ const CartTableRow = ({ cartItem }: { cartItem: CartItem }) => {
       selectedSubjects.includes(category),
     ) ?? [];
 
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   /* @ts-ignore */
   const amountLeftToPay = cartItem.orderItem.info?.amountLeftToPay ?? 0;
 

src/components/cart/RemoveCartItemButton.tsx

@@ -1,8 +1,8 @@
 import CancelIcon from "@mui/icons-material/Cancel";
 import { IconButton } from "@mui/material";
 
-import { CartItem, removeCartItem } from "../../redux/cart";
-import { useAppDispatch } from "../../redux/hooks";
+import { CartItem, removeCartItem } from "redux/cart";
+import { useAppDispatch } from "redux/hooks";
 
 const RemoveCartItemButton = ({ cartItem }: { cartItem: CartItem }) => {
   const dispatch = useAppDispatch();

src/components/cart/SelectDeadline.tsx

@@ -2,13 +2,13 @@ import { Branch, Period } from "@boklisten/bl-model";
 import { FormControl, InputLabel, MenuItem, Select } from "@mui/material";
 import moment from "moment";
 
-import { CartItem, updatePeriod } from "../../redux/cart";
-import { useAppDispatch } from "../../redux/hooks";
+import { CartItem, updatePeriod } from "redux/cart";
+import { useAppDispatch } from "redux/hooks";
 import {
   getOrderItemTypeFromBranch,
   getPartlyPaymentPeriodDate,
   getRentPeriodDate,
-} from "../../utils/cartUtils";
+} from "utils/cartUtils";
 
 const getDeadline = (period: Period, branch: Branch) => {
   const deadline =

src/components/checkout/BranchDelivery.tsx

@@ -1,8 +1,8 @@
 import Typography from "@mui/material/Typography";
 import { Dispatch, SetStateAction, useEffect } from "react";
 
-import { selectCartItems, setDeliveryPrice } from "../../redux/cart";
-import { useAppDispatch, useAppSelector } from "../../redux/hooks";
+import { selectCartItems, setDeliveryPrice } from "redux/cart";
+import { useAppDispatch, useAppSelector } from "redux/hooks";
 
 const BranchDelivery = ({
   setWait,

src/components/checkout/CheckoutStep.tsx

@@ -2,12 +2,12 @@ import { UserDetail } from "@boklisten/bl-model";
 import { Alert } from "@mui/material";
 import { Dispatch, SetStateAction, useEffect, useState } from "react";
 
-import { CheckoutSteps } from "./CheckoutStepper";
-import DeliveryStep from "./DeliveryStep";
-import PaymentStep from "./PaymentStep";
-import TermsAndConditionsStep from "./TermsAndConditionsStep";
-import { get } from "../../api/api";
-import { getAccessTokenBody } from "../../api/token";
+import { get } from "api/api";
+import { getAccessTokenBody } from "api/token";
+import { CheckoutSteps } from "components/checkout/CheckoutStepper";
+import DeliveryStep from "components/checkout/DeliveryStep";
+import PaymentStep from "components/checkout/PaymentStep";
+import TermsAndConditionsStep from "components/checkout/TermsAndConditionsStep";
 
 const CheckoutStep = ({
   step,

src/components/checkout/CheckoutStepper.tsx

@@ -3,7 +3,7 @@ import Box from "@mui/material/Box";
 import Button from "@mui/material/Button";
 import { useState } from "react";
 
-import CheckoutStep from "./CheckoutStep";
+import CheckoutStep from "components/checkout/CheckoutStep";
 
 export type CheckoutSteps = "tos" | "payment" | "delivery" | undefined;
 

src/components/checkout/DeliveryStep.tsx

@@ -6,14 +6,14 @@ import Tab from "@mui/material/Tab";
 import Tabs from "@mui/material/Tabs";
 import { Dispatch, SetStateAction, useEffect, useState } from "react";
 
-import BranchDelivery from "./BranchDelivery";
-import PostalDelivery from "./PostalDelivery";
+import BranchDelivery from "components/checkout/BranchDelivery";
+import PostalDelivery from "components/checkout/PostalDelivery";
 import {
   selectCartItems,
   selectDeliveryMethod,
   setDeliveryMethod,
-} from "../../redux/cart";
-import { useAppDispatch, useAppSelector } from "../../redux/hooks";
+} from "redux/cart";
+import { useAppDispatch, useAppSelector } from "redux/hooks";
 
 type DeliveryMethods = {
   byMail: boolean;

src/components/checkout/PaymentStep.tsx

@@ -1,5 +1,5 @@
-import DibsPayment from "./DibsPayment";
-import PaymentSummary from "./PaymentSummary";
+import DibsPayment from "components/checkout/DibsPayment";
+import PaymentSummary from "components/checkout/PaymentSummary";
 
 const PaymentStep = () => {
   return (