+ // openFarcasterQR()}
+ >
+ Login Farcaster
+
+ )} */}
+
+ //
+ );
+}
diff --git a/apps/u3/src/components/poster/gallery/GalleryItem.tsx b/apps/u3/src/components/poster/gallery/GalleryItem.tsx
index 4117a1e4..3974e74e 100644
--- a/apps/u3/src/components/poster/gallery/GalleryItem.tsx
+++ b/apps/u3/src/components/poster/gallery/GalleryItem.tsx
@@ -44,7 +44,10 @@ export default function GalleryItem({
} = useCasterTokenInfoWithTokenId({
tokenId: Number(tokenId),
});
- const saleStautsWithPoster = getSaleStatus(data.saleStart, data.saleEnd);
+ const saleStautsWithPoster = getSaleStatus(
+ Number(data.saleStart),
+ Number(data.saleEnd)
+ );
const saleStatus =
data?.saleStart && data?.saleEnd
? saleStautsWithPoster
diff --git a/apps/u3/src/components/social/Embed.tsx b/apps/u3/src/components/social/Embed.tsx
index e8077447..0ba78e93 100644
--- a/apps/u3/src/components/social/Embed.tsx
+++ b/apps/u3/src/components/social/Embed.tsx
@@ -11,6 +11,7 @@ import {
import dayjs from 'dayjs';
import { toHex } from 'viem';
import { toast } from 'react-toastify';
+import { Cross2Icon, CaretLeftIcon } from '@radix-ui/react-icons';
import {
FarCast,
FarCastEmbedMeta,
@@ -21,6 +22,7 @@ import {
getFarcasterEmbedCast,
getFarcasterEmbedMetadata,
postFrameActionApi,
+ postFrameActionRedirectApi,
} from '../../services/social/api/farcaster';
import ModalImg from './ModalImg';
import U3ZoraMinter from './farcaster/U3ZoraMinter';
@@ -29,6 +31,8 @@ import ColorButton from '../common/button/ColorButton';
import { useFarcasterCtx } from '@/contexts/social/FarcasterCtx';
import { FARCASTER_NETWORK } from '@/constants/farcaster';
import useFarcasterCastId from '@/hooks/social/farcaster/useFarcasterCastId';
+import ModalContainerFixed from '../common/modal/ModalContainerFixed';
+import { cn } from '@/lib/utils';
const ValidFrameButtonValue = [
[0, 0, 0, 0].join(''),
@@ -172,6 +176,7 @@ function EmbedCastFrame({
const castId: CastId = useFarcasterCastId({ cast });
const { encryptedSigner, isConnected, currFid } = useFarcasterCtx();
+ const [frameRedirect, setFrameRedirect] = useState('');
const [frameData, setFrameData] = useStateWeb Push
+ <> +
- {
+ resetUrl();
+ }}
+ className="w-full md:w-[420px]"
+ >
+
);
}
diff --git a/apps/u3/src/components/social/farcaster/FCastTips.tsx b/apps/u3/src/components/social/farcaster/FCastTips.tsx
index fdb53886..8fcfeaca 100644
--- a/apps/u3/src/components/social/farcaster/FCastTips.tsx
+++ b/apps/u3/src/components/social/farcaster/FCastTips.tsx
@@ -1,6 +1,8 @@
-import { useCallback, useState } from 'react';
+/* eslint-disable no-underscore-dangle */
+import { useCallback, useEffect, useState } from 'react';
import { Cross2Icon } from '@radix-ui/react-icons';
import { useAccount, useBalance, useNetwork } from 'wagmi';
+import { makeCastAdd } from '@farcaster/hub-web';
import { useConnectModal } from '@rainbow-me/rainbowkit';
import {
prepareWriteContract,
@@ -16,11 +18,20 @@ import { UserData } from '@/utils/social/farcaster/user-data';
import ModalContainer from '@/components/common/modal/ModalContainer';
import { cn } from '@/lib/utils';
import useLogin from '@/hooks/shared/useLogin';
-import { getUserinfoWithFid } from '@/services/social/api/farcaster';
+import {
+ getUserDegenTipAllowance,
+ getUserinfoWithFid,
+ notifyTipApi,
+} from '@/services/social/api/farcaster';
import { shortPubKey } from '@/utils/shared/shortPubKey';
import Loading from '@/components/common/loading/Loading';
import { DegenABI, DegenAddress } from '@/services/social/abi/degen/contract';
import { FarCast } from '@/services/social/types';
+import DegenTip from '@/components/common/icons/DegenTip';
+import { useFarcasterCtx } from '@/contexts/social/FarcasterCtx';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
+import { FARCASTER_NETWORK, FARCASTER_WEB_CLIENT } from '@/constants/farcaster';
+import { Checkbox } from '@/components/ui/checkbox';
export default function FCastTips({
userData,
@@ -37,18 +48,63 @@ export default function FCastTips({
address: '',
fname: '',
});
+ const { currFid, encryptedSigner } = useFarcasterCtx();
+ const [allowance, setAllowance] = useState('0');
const [loading, setLoading] = useState(false);
+
const loadUserinfo = useCallback(async () => {
try {
setLoading(true);
+ const { data: allowanceData } = await getUserDegenTipAllowance(address);
const { data } = await getUserinfoWithFid(userData.fid);
setUserInfo(data.data);
+ setAllowance(allowanceData.data?.[0]?.tip_allowance || '0');
+ setReplyTipAllowance(allowanceData.data?.[0]?.tip_allowance || '0');
+ setReplyTipAmountTotal('0');
} catch (e) {
console.error(e);
} finally {
setLoading(false);
}
- }, [userData]);
+ }, [userData, address]);
+
+ const directReply = useCallback(async () => {
+ const allowanceValue = getReplyTipAmount();
+ try {
+ const castToReply = (
+ await makeCastAdd(
+ {
+ text: `${allowanceValue} $DEGEN`,
+ embeds: [],
+ embedsDeprecated: [],
+ mentions: [],
+ mentionsPositions: [],
+ parentCastId: {
+ hash: Buffer.from(cast.hash.data),
+ fid: Number(cast.fid),
+ },
+ },
+ { fid: currFid, network: FARCASTER_NETWORK },
+ encryptedSigner
+ )
+ )._unsafeUnwrap();
+ const r = await FARCASTER_WEB_CLIENT.submitMessage(castToReply);
+ if (r.isErr()) {
+ throw new Error(r.error.message);
+ }
+ setReplyTipAmount(allowanceValue);
+ setReplyTipTimes(Number(getReplyTipTimes()) - 1);
+ setReplyTipAmountTotal(
+ (
+ Number(getReplyTipAmountTotal()) + Number(getReplyTipAmount())
+ ).toString()
+ );
+ toast.success('allowance tip posted');
+ } catch (error) {
+ console.error(error);
+ toast.success('allowance tip failed');
+ }
+ }, [currFid, encryptedSigner, cast]);
return (
<>
@@ -56,6 +112,10 @@ export default function FCastTips({
className="flex items-center gap-2 font-[12px] cursor-pointer"
onClick={(e) => {
e.stopPropagation();
+ const replyDirect =
+ getUseReplyTipDefault() &&
+ Number(getReplyTipTimes()) > 0 &&
+ Number(getReplyTipAmountTotal()) < Number(getReplyTipAllowance());
if (!isLoginU3) {
loginU3();
return;
@@ -64,11 +124,18 @@ export default function FCastTips({
openConnectModal();
return;
}
+
+ if (replyDirect) {
+ directReply();
+ return;
+ }
+
loadUserinfo();
setOpenModal(true);
}}
>
- 🎁 Tips
+
{openModal && (
- 
-
- {isConnected && (
-
- {[
- frameData.fcFrameButton1,
- frameData.fcFrameButton2,
- frameData.fcFrameButton3,
- frameData.fcFrameButton4,
- ].map((item, idx) => {
- if (!item) return null;
- return (
- {
- e.stopPropagation();
- postFrameAction(idx + 1);
- }}
- >
- {item}
-
- );
- })}
+ <>
+ {
+ setFrameRedirect('');
+ }}
+ />
)}
-
+
+ );
+}
+
+function EmbedCastFrameRedirect({
+ url,
+ resetUrl,
+}: {
+ url: string;
+ resetUrl: () => void;
+}) {
+ return (
+
+
+ {frameRedirect && (
+
+
+ {isConnected && (
+
+ {[
+ frameData.fcFrameButton1,
+ frameData.fcFrameButton2,
+ frameData.fcFrameButton3,
+ frameData.fcFrameButton4,
+ ].map((item, idx) => {
+ if (!item) return null;
+ return (
+ {
+ e.stopPropagation();
+ postFrameAction(idx + 1);
+ }}
+ >
+ {item}
+
+ );
+ })}
+
+ )}
+ {
+ e.stopPropagation();
+ }}
+ >
+
+
+
+ ⚠️ Leaving u3
+ ++ You are about to leave u3, please connect your wallet carefully and + take care of your funds. +
+
+
+
+
+
@@ -136,6 +209,8 @@ function TipsModal({
{
setOpen(false);
}}
@@ -149,12 +224,17 @@ function TipsModal({
function TipTransaction({
fname,
address,
+ cast,
+ allowance,
successCallback,
}: {
fname: string;
address: string;
+ cast: FarCast;
+ allowance: string;
successCallback?: () => void;
}) {
+ const { currFid, encryptedSigner } = useFarcasterCtx();
const tipsCount = [69, 420, 42069];
const { address: accountAddr } = useAccount();
const result = useBalance({
@@ -165,7 +245,11 @@ function TipTransaction({
});
const network = useNetwork();
const [tipAmount, setTipAmount] = useState(tipsCount[1]);
+ const [allowanceValue, setAllowanceValue] = useState('');
const [transactionHash, setTransactionHash] = useState('');
+ const [tab, setTab] = useState('TabReply');
+ const [count, setCount] = useState(0);
+
const tipAction = useCallback(async () => {
const left = result?.data?.formatted?.toString() || '0';
if (Number(left) < tipAmount) {
@@ -188,9 +272,17 @@ function TipTransaction({
hash: degenTxHash.hash,
chainId: base.id,
});
+ const castHash = Buffer.from(cast.hash.data).toString('hex');
console.log('degenTxReceipt', degenTxReceipt);
if (degenTxReceipt.status === 'success') {
setTransactionHash(degenTxHash.hash);
+ // notify
+ await notifyTipApi({
+ fromFid: currFid,
+ amount: tipAmount,
+ txHash: degenTxHash.hash,
+ castHash,
+ });
toast.success('tip success');
successCallback?.();
} else {
@@ -200,51 +292,241 @@ function TipTransaction({
} catch (e) {
toast.error(e.message.split('\n')[0]);
}
- }, [address, tipAmount, result]);
+ }, [address, tipAmount, result, cast]);
+
+ const allowanceAction = useCallback(async () => {
+ try {
+ const castToReply = (
+ await makeCastAdd(
+ {
+ text: `${allowanceValue} $DEGEN`,
+ embeds: [],
+ embedsDeprecated: [],
+ mentions: [],
+ mentionsPositions: [],
+ parentCastId: {
+ hash: Buffer.from(cast.hash.data),
+ fid: Number(cast.fid),
+ },
+ // parentUrl,
+ },
+ { fid: currFid, network: FARCASTER_NETWORK },
+ encryptedSigner
+ )
+ )._unsafeUnwrap();
+ const r = await FARCASTER_WEB_CLIENT.submitMessage(castToReply);
+ if (r.isErr()) {
+ throw new Error(r.error.message);
+ }
+ setReplyTipAmount(allowanceValue);
+ setReplyTipAmountTotal(allowanceValue);
+ setReplyTipTimes(5);
+ toast.success('allowance tip posted');
+ successCallback?.();
+ } catch (error) {
+ console.error(error);
+ toast.success('allowance tip failed');
+ }
+ }, [allowanceValue, currFid, encryptedSigner]);
+
+ useEffect(() => {
+ if (Number(allowance) > 0) {
+ setTab('TabReply');
+ }
+ }, [allowance]);
+
+ const useAllowance = getUseReplyTipDefault();
+
+ const allowanceNum = Number.isNaN(Number(allowance)) ? 0 : Number(allowance);
return (
-
- {/* ,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+
+
+
+
+));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+
+export { Checkbox };
diff --git a/apps/u3/src/components/ui/tabs.tsx b/apps/u3/src/components/ui/tabs.tsx
new file mode 100644
index 00000000..24c3dbad
--- /dev/null
+++ b/apps/u3/src/components/ui/tabs.tsx
@@ -0,0 +1,57 @@
+/* eslint-disable react/prop-types */
+
+'use client';
+
+import * as React from 'react';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+
+import { cn } from '@/lib/utils';
+
+const Tabs = TabsPrimitive.Root;
+
+const TabsList = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+ ,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+ ,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+
+> {
+ return request({
+ url: `/notifications/settings`,
+ method: 'get',
+ headers: {
+ needToken: true,
+ },
+ });
+}
+
+export function addNotificationSetting(params: {
+ type: NotificationSettingType;
+ fid?: string;
+ subscription?: string;
+}): RequestPromise> {
+ return request({
+ url: `/notifications/settings`,
+ method: 'post',
+ headers: {
+ needToken: true,
+ },
+ data: params,
+ });
+}
+
+export function updateNotificationSetting(
+ id: number,
+ data: {
+ id: number;
+ type: NotificationSettingType;
+ enabled?: boolean;
+ fid?: string;
+ subscription?: string;
+ }
+): RequestPromise> {
+ return request({
+ url: `/notifications/settings/${id}`,
+ method: 'post',
+ headers: {
+ needToken: true,
+ },
+ data,
+ });
+}
+
+export function deleteNotificationSetting(
+ id: number
+): RequestPromise> {
+ return request({
+ url: `/notifications/setting/${id}`,
+ method: 'delete',
+ headers: {
+ needToken: true,
+ },
+ });
+}
diff --git a/apps/u3/src/services/notification/types/notification-settings.ts b/apps/u3/src/services/notification/types/notification-settings.ts
new file mode 100644
index 00000000..9ae32842
--- /dev/null
+++ b/apps/u3/src/services/notification/types/notification-settings.ts
@@ -0,0 +1,12 @@
+export enum NotificationSettingType {
+ WEB_PUSH = 'WEB_PUSH',
+}
+export type NotificationSetting = {
+ id: number;
+ type: NotificationSettingType;
+ enable?: boolean;
+ fid?: string;
+ subscription?: string;
+ createdAt?: Date;
+ updatedAt?: Date;
+};
diff --git a/apps/u3/src/services/social/api/farcaster.ts b/apps/u3/src/services/social/api/farcaster.ts
index f954487a..2070a410 100644
--- a/apps/u3/src/services/social/api/farcaster.ts
+++ b/apps/u3/src/services/social/api/farcaster.ts
@@ -515,6 +515,13 @@ export function getUserinfoWithFid(fid: string) {
});
}
+export function getUserDegenTipAllowance(addr: string) {
+ return axios({
+ url: `${REACT_APP_API_SOCIAL_URL}/3r-farcaster/degen-tip/allowance?address=${addr}`,
+ method: 'get',
+ });
+}
+
export function postFrameActionApi(data: any) {
return axios({
url: `${REACT_APP_API_SOCIAL_URL}/3r-farcaster/frame-action/proxy`,
@@ -522,3 +529,24 @@ export function postFrameActionApi(data: any) {
data,
});
}
+
+export function postFrameActionRedirectApi(data: any) {
+ return axios({
+ url: `${REACT_APP_API_SOCIAL_URL}/3r-farcaster/frame-action-redirect/proxy`,
+ method: 'post',
+ data,
+ });
+}
+
+export function notifyTipApi(data: {
+ txHash: string;
+ amount: number;
+ fromFid: number;
+ castHash: string;
+}) {
+ return axios({
+ url: `${REACT_APP_API_SOCIAL_URL}/3r-bot/tip/notify`,
+ method: 'post',
+ data,
+ });
+}
diff --git a/apps/u3/src/utils/pwa/WebPushService.ts b/apps/u3/src/utils/pwa/WebPushService.ts
new file mode 100644
index 00000000..84fc5d35
--- /dev/null
+++ b/apps/u3/src/utils/pwa/WebPushService.ts
@@ -0,0 +1,47 @@
+class WebPushService {
+ static hasPermission() {
+ return Notification.permission === 'granted';
+ }
+
+ static async requestPermission() {
+ return Notification.requestPermission();
+ }
+
+ static async getSubscription() {
+ return navigator.serviceWorker.ready.then(async (registration) => {
+ return registration.pushManager.getSubscription();
+ });
+ }
+
+ static async subscribe() {
+ const applicationServerKey = process.env.REACT_APP_VAPID_PUBLIC_KEY;
+ if (!applicationServerKey) {
+ throw new Error('VAPID public key not found');
+ }
+ const registration = await navigator.serviceWorker.ready;
+ if (!registration) {
+ throw new Error('Service Worker not ready');
+ }
+ if (!('pushManager' in registration)) {
+ throw new Error("PushManager isn't available");
+ }
+ if (!('subscribe' in registration.pushManager)) {
+ throw new Error('subscribe method not available');
+ }
+ const subscription = await registration.pushManager.subscribe({
+ userVisibleOnly: true,
+ applicationServerKey,
+ });
+ return subscription;
+ }
+
+ static async unsubscribe() {
+ const subscription = await this.getSubscription();
+ if (subscription) {
+ await subscription.unsubscribe();
+ }
+ return subscription;
+ }
+}
+
+export default WebPushService;
diff --git a/apps/u3/src/utils/pwa/notification.ts b/apps/u3/src/utils/pwa/notification.ts
new file mode 100644
index 00000000..2d98ebf1
--- /dev/null
+++ b/apps/u3/src/utils/pwa/notification.ts
@@ -0,0 +1,41 @@
+export const requestPermission = async () => {
+ if (!('Notification' in window)) {
+ throw new Error('Notification not supported');
+ }
+ const permission = await window.Notification.requestPermission();
+ if (permission !== 'granted') {
+ throw new Error('Permission not granted for Notification');
+ }
+};
+
+export const sendNotification = async (body) => {
+ console.log('sendNotification', body);
+ if (Notification.permission === 'granted') {
+ showNotification(body);
+ } else if (Notification.permission !== 'denied') {
+ const permission = await Notification.requestPermission();
+
+ if (permission === 'granted') {
+ showNotification(body);
+ }
+ }
+};
+
+const showNotification = async (body) => {
+ const registration = await navigator.serviceWorker.getRegistration();
+ const title = 'U3 - Your Web3 Gateway';
+
+ const payload = {
+ body,
+ icon: `${process.env.PUBLIC_URL}/logo192.png`,
+ };
+
+ if ('showNotification' in registration) {
+ console.log('showNotification in registration', title, payload);
+ registration.showNotification(title, payload);
+ } else {
+ console.log('showNotification NOT in registration', title, payload);
+ // eslint-disable-next-line no-new
+ new Notification(title, payload);
+ }
+};
diff --git a/apps/u3/src/utils/shared/time.ts b/apps/u3/src/utils/shared/time.ts
index 428714a4..2131dfc5 100644
--- a/apps/u3/src/utils/shared/time.ts
+++ b/apps/u3/src/utils/shared/time.ts
@@ -24,10 +24,10 @@ export const defaultFormatDate = (date: string | number | Date) =>
export const defaultFormatFromNow = (date: string | number | Date) =>
dayjs(date).fromNow();
-export const isSecondTimestamp = (timestamp) => {
- return timestamp.toString().length === 10;
+export const isSecondTimestamp = (timestamp: number) => {
+ return timestamp && timestamp.toString().length === 10;
};
-export const isMillisecondTimestamp = (timestamp) => {
- return timestamp.toString().length === 13;
+export const isMillisecondTimestamp = (timestamp: number) => {
+ return timestamp && timestamp.toString().length === 13;
};
diff --git a/apps/u3/src/utils/shared/zora.ts b/apps/u3/src/utils/shared/zora.ts
index a9c62cea..198e3c35 100644
--- a/apps/u3/src/utils/shared/zora.ts
+++ b/apps/u3/src/utils/shared/zora.ts
@@ -162,15 +162,11 @@ export enum SaleStatus {
InProgress = 1,
Ended = 2,
}
-export const getSaleStatus = (saleStart: string, saleEnd: string) => {
+export const getSaleStatus = (saleStart: number, saleEnd: number) => {
const nowMillisecondTimestamp = Date.now();
const nowSecondTimestamp = Math.floor(nowMillisecondTimestamp / 1000);
- const compareFn = (
- now: string | number,
- start: string | number,
- end: string | number
- ) => {
+ const compareFn = (now: number, start: number, end: number) => {
if (Number(now) < Number(start)) {
return SaleStatus.NotStarted;
}
@@ -179,6 +175,7 @@ export const getSaleStatus = (saleStart: string, saleEnd: string) => {
}
return SaleStatus.InProgress;
};
+
if (isSecondTimestamp(saleStart) && isSecondTimestamp(saleEnd)) {
return compareFn(nowSecondTimestamp, saleStart, saleEnd);
}
@@ -195,11 +192,11 @@ export const getSaleStatus = (saleStart: string, saleEnd: string) => {
return compareFn(nowMillisecondTimestamp, Number(saleStart) * 100, saleEnd);
}
- if (saleStart.length > 13) {
+ if (String(saleStart).length > 13) {
return SaleStatus.NotStarted;
}
- if (saleEnd.length > 13) {
+ if (String(saleEnd).length > 13) {
return SaleStatus.InProgress;
}
$Degen: {result?.data?.formatted?.toString() || '0'}
*/}
-
- {tipsCount.map((item) => {
- return (
-
+
+
);
}
+
+function setReplyTipAllowance(allowance: string) {
+ localStorage.setItem('tipAllowance', allowance);
+}
+
+function getReplyTipAllowance() {
+ return localStorage.getItem('tipAllowance') || '0';
+}
+
+function setReplyTipAmount(num: string) {
+ localStorage.setItem('tipReplyAmount', num);
+}
+
+function setReplyTipAmountTotal(num: string) {
+ localStorage.setItem('tipReplyAmountTotal', num);
+}
+
+function getReplyTipAmountTotal() {
+ return localStorage.getItem('tipReplyAmountTotal') || '0';
+}
+
+function getReplyTipAmount() {
+ return localStorage.getItem('tipReplyAmount') || '0';
+}
+
+function setReplyTipTimes(times: number) {
+ localStorage.setItem('tipReplyTimes', times.toString());
+}
+
+function getReplyTipTimes() {
+ return localStorage.getItem('tipReplyTimes') || '0';
+}
+
+function setUseReplyTipDefault(value: string = 'true') {
+ localStorage.setItem('useReplyTipDefault', value);
+}
+
+function getUseReplyTipDefault() {
+ return localStorage.getItem('useReplyTipDefault') === 'true';
+}
diff --git a/apps/u3/src/components/ui/checkbox.tsx b/apps/u3/src/components/ui/checkbox.tsx
new file mode 100644
index 00000000..45fdfc22
--- /dev/null
+++ b/apps/u3/src/components/ui/checkbox.tsx
@@ -0,0 +1,32 @@
+/* eslint-disable react/prop-types */
+
+'use client';
+
+import * as React from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { CheckIcon } from '@radix-ui/react-icons';
+
+import { cn } from '@/lib/utils';
+
+const Checkbox = React.forwardRef<
+ React.ElementRef {
+ if (v === 'TabTransaction') {
+ localStorage.setItem('tipTab', 'TabTransaction');
+ }
+ setTab(v);
+ }}
+ className="h-60"
+ >
+
+
+ Allowance
+
+
+ Token
+
+
+
+
+
+
+
+
+
+ {tipsCount.map((item) => {
+ const isAllowance = allowanceNum >= item;
+ return (
+
+ {
+ if (isAllowance) setAllowanceValue(`${item}`);
+ }}
+ >
+ ${item}
+
+ );
+ })}
+
+ or
+
+
+ {
+ setAllowanceValue(e.target.value);
+ }}
+ />
+ $DEGEN
+
+
+
+
+
+ {
+ if (v) {
+ setUseReplyTipDefault();
+ } else {
+ setUseReplyTipDefault('false');
+ }
+ setCount(count + 1);
+ }}
+ />
+
+ + Use as default for next 5 tips +
+
+
+
+ {tipsCount.map((item) => {
+ return (
+
+ {
+ setTipAmount(item);
+ }}
+ >
+ ${item}
+
+ );
+ })}
+
+ or
+
-
+ {
+ setTipAmount(Number(e.target.value));
+ }}
+ />
+ $DEGEN
- );
- })}
-
- or
- {
- setTipAmount(Number(e.target.value));
- }}
- />
- $DEGEN
-
-
- - to @{fname} (0x{shortPubKey(address, { len: 4 })}) -
-
+
+
+
+
+ + to @{fname} (0x{shortPubKey(address, { len: 4 })}) +
+
+
+ {/* )} */}
+
+