refactor(pay): consistent filename

apps/pay/app/[username]/layout.tsx

@@ -1,6 +1,6 @@
 import React from "react"
 
-import UsernameLayoutContainer from "@/components/Layouts/UsernameLayout"
+import UsernameLayoutContainer from "@/components/layouts/username-layout"
 
 export default function UsernameLayout({
   children,

apps/pay/app/[username]/page.tsx

@@ -10,18 +10,18 @@ import { gql } from "@apollo/client"
 
 import { useSearchParams } from "next/navigation"
 
-import ParsePayment from "../../components/ParsePOSPayment"
-import PinToHomescreen from "../../components/PinToHomescreen"
+import ParsePayment from "../../components/parse-pos-payment"
+import PinToHomescreen from "../../components/pin-to-homescreen"
 
-import CurrencyDropdown from "../../components/Currency/currency-dropdown"
+import CurrencyDropdown from "../../components/currency/currency-dropdown"
 
 import { useAccountDefaultWalletsQuery } from "../../lib/graphql/generated"
 
 import reducer, { ACTIONS } from "../reducer"
 
 import styles from "./username.module.css"
 
-import LoadingComponent from "@/components/Loading"
+import LoadingComponent from "@/components/loading"
 import { extractSearchParams } from "@/utils/utils"
 
 gql`

apps/pay/app/page.tsx

@@ -10,7 +10,7 @@ import { gql, useQuery } from "@apollo/client"
 
 import { useRouter } from "next/navigation"
 
-import CurrencyDropdown from "../components/Currency/currency-dropdown"
+import CurrencyDropdown from "../components/currency/currency-dropdown"
 import { getClientSideGqlConfig } from "../config/config"
 
 const GET_NODE_STATS = gql`

apps/pay/app/setuppwa/page.tsx

@@ -2,7 +2,7 @@
 import { useRouter } from "next/navigation"
 import React, { Suspense, useEffect, useState } from "react"
 
-import CurrencyDropdown from "../../components/Currency/currency-dropdown"
+import CurrencyDropdown from "../../components/currency/currency-dropdown"
 
 const SetupPwa = () => {
   const router = useRouter()

apps/pay/components/ParsePOSPayment/index.tsx → apps/pay/components/parse-pos-payment/index.tsx

@@ -14,15 +14,15 @@ import {
   getLocaleConfig,
   extractSearchParams,
 } from "../../utils/utils"
-import Memo from "../Memo"
+import Memo from "../memo"
 
 import { useDisplayCurrency } from "../../lib/use-display-currency"
 
 import { Currency } from "../../lib/graphql/generated"
 
-import DigitButton from "./Digit-Button"
+import DigitButton from "./digit-button"
 import styles from "./parse-payment.module.css"
-import ReceiveInvoice from "./Receive-Invoice"
+import ReceiveInvoice from "./receive-invoice"
 
 function isRunningStandalone() {
   if (typeof window === "undefined") {

apps/pay/components/ParsePOSPayment/Receive-Invoice.tsx → apps/pay/components/parse-pos-payment/receive-invoice.tsx

@@ -10,16 +10,16 @@ import { QRCode } from "react-qrcode-logo"
 import { useScreenshot } from "use-react-screenshot"
 
 import { USD_INVOICE_EXPIRE_INTERVAL, getClientSidePayDomain } from "../../config/config"
-import useCreateInvoice from "../../hooks/use-Create-Invoice"
-import { LnInvoiceObject } from "../../lib/graphql/index.types.d"
+import useCreateInvoice from "../../hooks/use-create-Invoice"
+import { LnInvoiceObject } from "../../lib/graphql/index.types"
 import useSatPrice from "../../lib/use-sat-price"
 import { ACTION_TYPE } from "../../app/reducer"
-import PaymentOutcome from "../PaymentOutcome"
-import { Share } from "../Share"
+import PaymentOutcome from "../payment-outcome"
+import { Share } from "../share"
 
 import { extractSearchParams, safeAmount } from "../../utils/utils"
 
-import LoadingComponent from "../Loading"
+import LoadingComponent from "../loading"
 
 import styles from "./parse-payment.module.css"
 

apps/pay/components/PaymentOutcome/receipt.tsx → apps/pay/components/payment-outcome/receipt.tsx

@@ -2,7 +2,7 @@
 import React from "react"
 import Image from "react-bootstrap/Image"
 
-import { formattedDate, formattedTime } from "../../utils/dateUtil"
+import { formattedDate, formattedTime } from "../../utils/date-util"
 
 import GaloyIcon from "./galoy-icon"
 import styles from "./payment-outcome.module.css"

apps/pay/components/PinToHomescreen/index.tsx → apps/pay/components/pin-to-homescreen/index.tsx

@@ -3,15 +3,15 @@ import { Image } from "react-bootstrap"
 
 import { getOS } from "../../lib/download"
 import { ACTIONS, ACTION_TYPE } from "../../app/reducer"
-import Modal from "../CustomModal/modal"
+import Modal from "../custom-modal/modal"
 
 import {
   chromeModalContent,
   desktopIosModalContent,
   iosModalContent,
   mobileChromeModalContent,
 } from "./browser-modal-content"
-import styles from "./pinToHomescreen.module.css"
+import styles from "./pin-to-homescreen.module.css"
 
 interface Props {
   pinnedToHomeScreenModalVisible: boolean

apps/pay/cypress/support/commands.ts

@@ -37,6 +37,7 @@
 
 // eslint-disable-next-line @typescript-eslint/no-namespace
 
+// eslint-disable-next-line @typescript-eslint/no-namespace
 declare namespace Cypress {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   interface Chainable<Subject> {