fix(linea-ens-app): failing build process (#355)

Author: alainncls

packages/linea-ens-app/README.md

@@ -101,8 +101,8 @@ cd packages/linea-ens-app
 pnpm dev:glocal
 ```
 
-You'll need an account with POH to fully use the local env, if you don't, you can get
-it [here] (https://poh.linea.build/).
+You'll need an account with POH to fully use the local env, if you don't, you can get it
+via [Linea Hub] (https://linea.build/hub/).
 
 - Then browse http://localhost:3000/.
 - Import one of the hardhat test accounts in your MetaMask to have funds (eg, private key:
@@ -114,7 +114,7 @@ it [here] (https://poh.linea.build/).
     - Add this config:
 
   | Setting         | Value                 |
-  | --------------- | --------------------- |
+    | --------------- | --------------------- |
   | Network name    | Localhost 8545        |
   | New RPC URL     | http://127.0.0.1:8545 |
   | Chain ID        | 1337                  |

packages/linea-ens-app/next-env.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-/// <reference path="./.next/types/routes.d.ts" />
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/pages/api-reference/config/typescript for more information.

packages/linea-ens-app/src/components/pages/profile/[name]/registration/steps/PohCheck/PohCheck.tsx

@@ -87,7 +87,7 @@ export const ActionButton = ({
     return (
       <Button
         data-testid="next-button"
-        onClick={() => window.open('https://poh.linea.build/', '_blank')}
+        onClick={() => window.open('https://linea.build/hub/', '_blank')}
       >
         {t('steps.pohCheck.getPoh')}
       </Button>

packages/linea-ens-app/src/components/pages/profile/[name]/tabs/OwnershipTab/sections/ExpirySection/ExpirySection.test.tsx

@@ -25,13 +25,6 @@ vi.mock('./hooks/useExpiryActions', () => ({
   useExpiryActions: ({ name }: any) => {
     if (name === 'test.eth')
       return [
-        {
-          label: 'action.setReminder',
-          type: 'set-reminder',
-          icon: <div>ICON</div>,
-          primary: false,
-          expiryDate: new Date(),
-        },
         {
           label: 'action.extend',
           type: 'extend',
@@ -46,20 +39,6 @@ vi.mock('./hooks/useExpiryActions', () => ({
 }))
 
 describe('ExpirySection', () => {
-  it('should be able to open earnify button modal', async () => {
-    render(<ExpirySection name="test.eth" details={{} as any} />)
-    expect(screen.getByText('action.setReminder')).toBeVisible()
-    expect(screen.getByText('action.extend')).toBeVisible()
-    await userEvent.click(screen.getByText('action.setReminder'))
-    await waitFor(async () => {
-      expect(screen.getByText('tabs.more.misc.reminderOptions.bankless')).toBeVisible()
-      await userEvent.click(screen.getByText('tabs.more.misc.reminderOptions.bankless'))
-    })
-    await waitFor(() => {
-      expect(screen.getByText('tabs.more.misc.bankless.title')).toBeVisible()
-    })
-  })
-
   it('should be able to call show extend modal', async () => {
     render(<ExpirySection name="test.eth" details={{} as any} />)
     expect(screen.getByText('action.extend')).toBeVisible()

packages/linea-ens-app/tsconfig.json

@@ -59,11 +59,11 @@
     "**/*.ts",
     "**/*.tsx",
     "next.config.mjs",
-    "vitest.config.mts",
     "test/*.mts",
     "test/**/*.ts",
     "typings-custom/generated/*.d.ts",
-    "typings-custom/local-contracts.d.ts"
+    "typings-custom/local-contracts.d.ts",
+    "typings-custom/**/*.d.ts"
   ],
   "exclude": [
     "**/*.ignore.ts",

packages/linea-ens-app/typings-custom/react-confetti.d.ts

@@ -0,0 +1,117 @@
+declare module 'react-confetti' {
+  import { CSSProperties, RefObject } from 'react'
+
+  export interface IConfettiOptions {
+    /**
+     * Width of the canvas element
+     */
+    width?: number
+    /**
+     * Height of the canvas element
+     */
+    height?: number
+    /**
+     * Number of confetti pieces to render
+     * @default 200
+     */
+    numberOfPieces?: number
+    /**
+     * Slows movement of pieces (lower number is faster)
+     * @default 5000
+     */
+    friction?: number
+    /**
+     * Force of "wind" on pieces
+     * @default 0
+     */
+    wind?: number
+    /**
+     * Force of gravity on pieces
+     * @default 0.1
+     */
+    gravity?: number
+    /**
+     * Initial velocity in the X axis
+     * @default 4
+     */
+    initialVelocityX?: { min: number; max: number } | number
+    /**
+     * Initial velocity in the Y axis
+     * @default 10
+     */
+    initialVelocityY?: { min: number; max: number } | number
+    /**
+     * Shape of confetti.
+     * @default 'All'
+     */
+    pieceShape?: 'Circle' | 'Square' | 'Strip' | 'All'
+    /**
+     * Width of confetti pieces
+     * @default { min: 5, max: 20 }
+     */
+    pieceWidth?: {
+      min: number
+      max: number
+    } | number
+    /**
+     * Height of confetti pieces
+     * @default { min: 5, max: 20 }
+     */
+    pieceHeight?: {
+      min: number
+      max: number
+    } | number
+    /**
+     * Array of colors to choose from.
+     */
+    colors?: string[]
+    /**
+     * Opacity of the confetti pieces
+     * @default 1.0
+     */
+    opacity?: number
+    /**
+     * Whether to recycle confetti pieces (animation will repeat)
+     * @default true
+     */
+    recycle?: boolean
+    /**
+     * Run the animation
+     * @default true
+     */
+    run?: boolean
+    /**
+     * Show debugging information for tweaking config
+     * @default false
+     */
+    debug?: boolean
+    /**
+     * Canvas style properties
+     */
+    style?: CSSProperties
+    /**
+     * Canvas className
+     */
+    className?: string
+    /**
+     * Manually set a reference to the canvas element
+     */
+    canvasRef?: RefObject<HTMLCanvasElement> | ((instance: HTMLCanvasElement | null) => void) | null
+    /**
+     * Callback when animation is complete (when recycle is false)
+     */
+    onConfettiComplete?: (confetti?: any) => void
+    /**
+     * Additional canvas properties
+     */
+    drawShape?: (context: CanvasRenderingContext2D) => void
+    /**
+     * Tweens for controlling the animation
+     */
+    tweenDuration?: number
+    tweenFunction?: (currentTime: number, startValue: number, changeInValue: number, duration: number) => number
+  }
+
+  export default function Confetti(props: IConfettiOptions): JSX.Element
+}
+