Send Fraction Token

[yu23ki14]

Pull Request Template

Description

This pull request introduces several changes to the frontend codebase, including updates to components, hooks, and utility functions. The most significant changes include the addition of a new PageHeader component, updates to multiple components to support a new size type, and enhancements to the useFractionToken hook.

New Component:

• pkgs/frontend/app/components/PageHeader.tsx: Added a new PageHeader component to handle page titles and back navigation.

Component Updates:

• pkgs/frontend/app/components/common/CommonIcon.tsx, pkgs/frontend/app/components/icon/RoleIcon.tsx, pkgs/frontend/app/components/icon/UserIcon.tsx: Updated the size prop to accept a template literal type for pixel values. [1] [2] [3]
• pkgs/frontend/app/components/common/CommonInput.tsx: Added a backgroundColor property to the CommonInput component.

Hook Enhancements:

• pkgs/frontend/hooks/useENS.ts: Modified useAddressesByNames to accept an exactMatch parameter.
• pkgs/frontend/hooks/useFractionToken.ts: Refactored the useFractionToken hook to use useActiveWallet instead of useSmartAccountClient, and added a new useBalanceOfFractionToken hook. [1] [2] [3] [4] [5] [6] [7] [8]

Utility Functions:

• pkgs/frontend/utils/ipfs.ts: Updated ipfs2https to handle undefined ipfsUri.
• pkgs/frontend/utils/wallet.ts: Added a new utility function abbreviateAddress to format wallet addresses.

Other Changes:

• pkgs/frontend/package.json: Added react-hook-form to dependencies.
• pkgs/frontend/app/routes/$treeId_.$hatId_.$address_.assistcredit.send.tsx: Added a new route component AssistCreditSend for sending assist credits.
• pkgs/frontend/app/routes/api.namestone.$action.tsx: Enhanced the API route to handle exact match parameter for name resolution.
• pkgs/frontend/app/routes/signup.tsx: Updated useAddressesByNames call to include exactMatch parameter.

Fixes #201

Type of change

Please delete options that are not relevant.

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

Screenshots

If applicable, add screenshots to help explain your problem.