[{"_1":2,"_137":-5,"_138":-5},"loaderData",{"_3":4,"_10":11},"root",{"_5":-5,"_6":7,"_8":9},"user","appId","cm7twdhs6009l11ml868xhxld","wsEndpoint","https://dev.fun","routes/app.$appId",{"_12":13},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_30":31,"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_5":44,"_55":56,"_57":58,"_59":58,"_60":61,"_62":58,"_63":64,"_65":41,"_66":67,"_68":58,"_69":58,"_70":17,"_71":17,"_72":73,"_74":75,"_76":77,"_78":79,"_80":81,"_99":-5,"_100":17,"_101":102,"_133":31,"_134":135,"_136":25},"id","9ee31f92633a5d3f0507","isMyApp",false,"name","tiptalk","description","Share your thoughts and reward brilliant ideas with crypto in one sleek space! TipTalk combines minimalist social posting with seamless Solana tipping, letting you support content creators with actual USDC tokens while enjoying a distraction-free experience.","brief","Post thoughts, drop USDC tips, and connect with creators in a clean, crypto-powered social space.","isLive",true,"isPublic","tags",[29],"💰","cover","https://cdn.dev.fun/snapshot/9ee31f92633a5d3f0507/81518_ae49efbf.webp","cdnUrl","https://cdn.dev.fun/app/9ee31f92633a5d3f0507/81518","createdAt",["D",1749714016000],"updatedAt",["D",1749862363346],"lastCommitId",["B","81518"],"tier",1,"credits",111,{"_14":45,"_46":47,"_48":-5,"_49":47,"_50":51,"_52":-5,"_53":54},"9973d40c-4edd-4d1d-87d0-d405b1953d84","uniqueId","AtUiEfWkYcW4qx5J5VrMNrGtPvDYVkdsz4cWUBJoWQmM","username","solanaWallet","displayName","AtU...QmM","bio","avatar","/avatar.svg","commitCount",68,"forkCount",0,"likeCount","runsCount",123,"downvoteCount","upvoteCount",3,"upvoteRate","commentCount",2,"reportCount","visitorCount","isArchived","isRenamed","contractAddress","AgYVbX4CueNVrBAXZh84DoFQtZhG6wpi3JgXHyCKpump","code","import { useState, useEffect, useRef } from 'react';\nimport { DevappProvider, useDevapp, UserButton } from '@devfunlabs/web-sdk';\nimport { useChat } from 'ai/react';\nimport { motion, AnimatePresence } from 'framer-motion';\nimport { Home, TrendingUp, PenSquare, User, Heart, DollarSign, Clock, ArrowUp, Zap, UserPlus, UserCheck, Users, Repeat2, BadgeCheck, Edit, Search, Bot, SendHorizontal, ArrowLeft, MessageCircle, MessageSquare, Mail, Send } from 'lucide-react';\nexport default function AppWithProvider() {\n return \n \n ;\n}\nfunction App() {\n const {\n devbaseClient,\n userWallet\n } = useDevapp();\n const [activeTab, setActiveTab] = useState('home');\n const [posts, setPosts] = useState([]);\n const [trendingPosts, setTrendingPosts] = useState([]);\n const [profilePosts, setProfilePosts] = useState([]);\n const [newPostContent, setNewPostContent] = useState('');\n const [username, setUsername] = useState('');\n const [showUsernameModal, setShowUsernameModal] = useState(false);\n const [newUsername, setNewUsername] = useState('');\n const [usernameError, setUsernameError] = useState('');\n const [showScrollTop, setShowScrollTop] = useState(false);\n const [tippingPostId, setTippingPostId] = useState(null);\n const [tipAmount, setTipAmount] = useState('0.3');\n const [tipToken, setTipToken] = useState('USDC');\n const [pageLoading, setPageLoading] = useState(false);\n const [initialLoading, setInitialLoading] = useState(true);\n const [postingLoading, setPostingLoading] = useState(false);\n const [tipLoading, setTipLoading] = useState(false);\n const [followLoading, setFollowLoading] = useState(false);\n const [viewingProfileWallet, setViewingProfileWallet] = useState(null);\n const [followingCount, setFollowingCount] = useState(0);\n const [followersCount, setFollowersCount] = useState(0);\n const [tabSwitchLoading, setTabSwitchLoading] = useState(false);\n const [searchQuery, setSearchQuery] = useState('');\n const [searchResults, setSearchResults] = useState([]);\n const [searchLoading, setSearchLoading] = useState(false);\n const [showChatBot, setShowChatBot] = useState(false);\n const [isFollowing, setIsFollowing] = useState(false);\n const [showMessages, setShowMessages] = useState(false);\n const [conversations, setConversations] = useState([]);\n const [activeConversation, setActiveConversation] = useState(null);\n const [messageContent, setMessageContent] = useState('');\n const [sendingMessage, setSendingMessage] = useState(false);\n const [messagesLoading, setMessagesLoading] = useState(false);\n const [unreadCount, setUnreadCount] = useState(0);\n const [profileLoading, setProfileLoading] = useState(false);\n const [viewingProfileData, setViewingProfileData] = useState(null);\n const [repostingLoading, setRepostingLoading] = useState(false);\n const [hasRickBadge, setHasRickBadge] = useState(false);\n const [badgeVerifyLoading, setBadgeVerifyLoading] = useState(false);\n const [profilePhotoUrl, setProfilePhotoUrl] = useState('');\n const [showPhotoModal, setShowPhotoModal] = useState(false);\n const [selectedPhotoUrl, setSelectedPhotoUrl] = useState('');\n const [photoUpdateLoading, setPhotoUpdateLoading] = useState(false);\n const [photoTransition, setPhotoTransition] = useState(false);\n const profilePhotos = ['https://lqy3lriiybxcejon.public.blob.vercel-storage.com/0cc6c791-5d24-4587-8f58-244a30ca8dad/20250614_030733_0000-rKf6YW8tvmDABHtpVwIwI1cHIr4xkC.png', 'https://lqy3lriiybxcejon.public.blob.vercel-storage.com/0cc6c791-5d24-4587-8f58-244a30ca8dad/20250614_030948_0000-mfDBdZZEnsCCq4KWwvProYlMQ5NXuu.png', 'https://lqy3lriiybxcejon.public.blob.vercel-storage.com/0cc6c791-5d24-4587-8f58-244a30ca8dad/20250614_030643_0000-W9kuZsEfjVl3AjI7OVF3l2lM8N1j9h.png', 'https://lqy3lriiybxcejon.public.blob.vercel-storage.com/0cc6c791-5d24-4587-8f58-244a30ca8dad/20250614_030804_0000-RvT09WHzQ3KI0lzkezKF2srzrzTl6F.png'];\n const [profilePhotoCache, setProfilePhotoCache] = useState({});\n useEffect(() => {\n const handleScroll = () => {\n setShowScrollTop(window.scrollY > 300);\n };\n window.addEventListener('scroll', handleScroll);\n return () => window.removeEventListener('scroll', handleScroll);\n }, []);\n useEffect(() => {\n const minLoadingTime = setTimeout(() => {\n if (!pageLoading) {\n setInitialLoading(false);\n }\n }, 2500);\n return () => clearTimeout(minLoadingTime);\n }, [pageLoading]);\n useEffect(() => {\n const checkUser = async () => {\n if (!userWallet) return;\n try {\n setPageLoading(true);\n const users = await devbaseClient.listEntities('users', {\n walletAddress: userWallet\n });\n if (users.length === 0) {\n setShowUsernameModal(true);\n } else {\n setUsername(users[0].username);\n setHasRickBadge(users[0].hasRickBadge || false);\n setProfilePhotoUrl(users[0].profilePhotoUrl || '');\n await fetchPosts();\n }\n } catch (error) {\n console.error('Error checking user:', error);\n } finally {\n setPageLoading(false);\n }\n };\n checkUser();\n }, [userWallet]);\n useEffect(() => {\n if (userWallet && username) {\n if (activeTab === 'home' || activeTab === 'trending') {\n fetchPosts();\n } else if (activeTab === 'profile') {\n fetchProfileData(userWallet);\n } else if (activeTab === 'messages') {\n fetchConversations();\n }\n }\n }, [activeTab, username]);\n const [repostedPosts, setRepostedPosts] = useState({});\n useEffect(() => {\n if (userWallet) {\n fetchRepostedPosts();\n }\n }, [userWallet]);\n const fetchRepostedPosts = async () => {\n if (!userWallet) return;\n try {\n const userReposts = await devbaseClient.listEntities('reposts', {\n reposterWallet: userWallet\n });\n const repostedMap = {};\n userReposts.forEach(repost => {\n repostedMap[repost.postId] = true;\n });\n setRepostedPosts(repostedMap);\n } catch (error) {\n console.error('Error fetching reposted posts:', error);\n }\n };\n useEffect(() => {\n if (viewingProfileWallet) {\n setProfileLoading(true);\n fetchProfileData(viewingProfileWallet);\n } else {\n setViewingProfileData(null);\n setProfilePosts([]);\n }\n }, [viewingProfileWallet, userWallet]);\n const shortenAddress = address => {\n if (!address) return '';\n return `${address.substring(0, 4)}...${address.substring(address.length - 4)}`;\n };\n const fetchPosts = async () => {\n if (!userWallet) return;\n try {\n setPageLoading(true);\n const allPosts = await devbaseClient.listEntities('posts');\n const allUsers = await devbaseClient.listEntities('users');\n const userMap = {};\n const newPhotoCache = {\n ...profilePhotoCache\n };\n allUsers.forEach(user => {\n userMap[user.walletAddress] = user;\n if (user.profilePhotoUrl) {\n newPhotoCache[user.walletAddress] = user.profilePhotoUrl;\n }\n });\n setProfilePhotoCache(newPhotoCache);\n const postsWithRepostCounts = await Promise.all(allPosts.map(async post => {\n const reposts = await devbaseClient.listEntities('reposts', {\n postId: post.id\n });\n const creatorUser = userMap[post.creatorWallet];\n const creatorHasBadge = creatorUser?.hasRickBadge || false;\n const profilePhotoUrl = newPhotoCache[post.creatorWallet] || creatorUser?.profilePhotoUrl || '';\n return {\n ...post,\n repostCount: reposts.length,\n hasRickBadge: creatorHasBadge,\n creatorHasRickBadge: creatorHasBadge,\n profilePhotoUrl: profilePhotoUrl\n };\n }));\n const sortedPosts = [...postsWithRepostCounts].sort((a, b) => new Date(b.createdAt) - new Date(a.createdAt));\n setPosts(sortedPosts);\n const trendingPosts = [...postsWithRepostCounts].sort((a, b) => b.likesCount - a.likesCount);\n setTrendingPosts(trendingPosts);\n } catch (error) {\n console.error('Error fetching posts:', error);\n } finally {\n setPageLoading(false);\n }\n };\n const fetchProfileData = async walletAddress => {\n if (!walletAddress) return;\n try {\n setProfileLoading(true);\n const users = await devbaseClient.listEntities('users', {\n walletAddress\n });\n if (users.length === 0) {\n setActiveTab('home');\n return;\n }\n const profileUser = users[0];\n if (profileUser.profilePhotoUrl) {\n setProfilePhotoCache(prev => ({\n ...prev,\n [walletAddress]: profileUser.profilePhotoUrl\n }));\n }\n if (walletAddress === userWallet) {\n if (profileUser.profilePhotoUrl !== profilePhotoUrl) {\n setPhotoTransition(true);\n setProfilePhotoUrl(profileUser.profilePhotoUrl || '');\n setTimeout(() => setPhotoTransition(false), 500);\n } else {\n setProfilePhotoUrl(profileUser.profilePhotoUrl || '');\n }\n }\n const directPosts = await devbaseClient.listEntities('posts', {\n creatorWallet: walletAddress\n });\n const reposts = await devbaseClient.listEntities('reposts', {\n reposterWallet: walletAddress\n });\n const relevantWallets = new Set();\n reposts.forEach(repost => {\n relevantWallets.add(repost.reposterWallet);\n });\n if (relevantWallets.size > 0) {\n const relevantUsers = await devbaseClient.listEntities('users');\n const newPhotoCache = {\n ...profilePhotoCache\n };\n relevantUsers.forEach(user => {\n if (user.profilePhotoUrl) {\n newPhotoCache[user.walletAddress] = user.profilePhotoUrl;\n }\n });\n setProfilePhotoCache(newPhotoCache);\n }\n const repostedPosts = await Promise.all(reposts.map(async repost => {\n const originalPost = await devbaseClient.getEntity('posts', repost.postId);\n if (originalPost) {\n const allReposts = await devbaseClient.listEntities('reposts', {\n postId: originalPost.id\n });\n const originalCreatorData = await devbaseClient.listEntities('users', {\n walletAddress: originalPost.creatorWallet\n });\n const originalCreatorHasBadge = originalCreatorData.length > 0 ? originalCreatorData[0].hasRickBadge || false : false;\n const originalCreatorPhoto = profilePhotoCache[originalPost.creatorWallet] || (originalCreatorData.length > 0 ? originalCreatorData[0].profilePhotoUrl : '');\n return {\n ...originalPost,\n isRepost: true,\n reposterUsername: profileUser.username,\n repostCreatedAt: repost.createdAt,\n repostCount: allReposts.length,\n creatorHasRickBadge: originalCreatorHasBadge,\n profilePhotoUrl: originalCreatorPhoto\n };\n }\n return null;\n }));\n const combinedPosts = [...directPosts, ...repostedPosts.filter(p => p !== null)];\n const sortedCombinedPosts = combinedPosts.sort((a, b) => new Date(b.createdAt || b.repostCreatedAt) - new Date(a.createdAt || a.repostCreatedAt));\n setProfilePosts(sortedCombinedPosts);\n setViewingProfileData(profileUser);\n if (walletAddress === userWallet) {\n setHasRickBadge(profileUser.hasRickBadge || false);\n }\n const following = await devbaseClient.listEntities('follows', {\n followerWallet: walletAddress\n });\n const followers = await devbaseClient.listEntities('follows', {\n followedWallet: walletAddress\n });\n setFollowingCount(following.length);\n setFollowersCount(followers.length);\n if (userWallet && walletAddress !== userWallet) {\n const isFollowingCheck = await devbaseClient.listEntities('follows', {\n followerWallet: userWallet,\n followedWallet: walletAddress\n });\n setIsFollowing(isFollowingCheck.length > 0);\n } else {\n setIsFollowing(false);\n }\n } catch (error) {\n console.error('Error fetching user profile:', error);\n } finally {\n setProfileLoading(false);\n }\n };\n const handleCreateUser = async () => {\n if (!newUsername.trim()) {\n setUsernameError('Username cannot be empty');\n return;\n }\n try {\n setPageLoading(true);\n const existingUsers = await devbaseClient.listEntities('users', {\n username: newUsername\n });\n if (existingUsers.length > 0) {\n setUsernameError('Username is already taken');\n setPageLoading(false);\n return;\n }\n await devbaseClient.createEntity('users', {\n username: newUsername,\n walletAddress: userWallet,\n hasRickBadge: false,\n profilePhotoUrl: ''\n });\n setUsername(newUsername);\n setShowUsernameModal(false);\n await fetchPosts();\n } catch (error) {\n console.error('Error creating user:', error);\n setUsernameError('Error creating user');\n } finally {\n setPageLoading(false);\n }\n };\n const handleCreatePost = async () => {\n if (!newPostContent.trim() || !userWallet) return;\n try {\n setPostingLoading(true);\n await devbaseClient.createEntity('posts', {\n content: newPostContent,\n creatorWallet: userWallet,\n creatorUsername: username,\n likesCount: 0\n });\n setNewPostContent('');\n await fetchPosts();\n setActiveTab('home');\n } catch (error) {\n console.error('Error creating post:', error);\n } finally {\n setPostingLoading(false);\n }\n };\n const [likedPosts, setLikedPosts] = useState({});\n useEffect(() => {\n if (userWallet) {\n fetchLikedPosts();\n }\n }, [userWallet]);\n const fetchLikedPosts = async () => {\n if (!userWallet) return;\n try {\n const userLikes = await devbaseClient.listEntities('likes', {\n userWallet\n });\n const likedMap = {};\n userLikes.forEach(like => {\n likedMap[like.postId] = true;\n });\n setLikedPosts(likedMap);\n } catch (error) {\n console.error('Error fetching liked posts:', error);\n }\n };\n const handleLikePost = async postId => {\n if (!userWallet) return;\n try {\n const existingLikes = await devbaseClient.listEntities('likes', {\n postId,\n userWallet\n });\n if (existingLikes.length === 0) {\n await devbaseClient.createEntity('likes', {\n postId,\n userWallet\n });\n setLikedPosts(prev => ({\n ...prev,\n [postId]: true\n }));\n const updatePostInList = list => {\n return list.map(post => {\n if (post.id === postId) {\n return {\n ...post,\n likesCount: (post.likesCount || 0) + 1\n };\n }\n return post;\n });\n };\n setPosts(updatePostInList(posts));\n setTrendingPosts(updatePostInList(trendingPosts));\n setProfilePosts(updatePostInList(profilePosts));\n const post = await devbaseClient.getEntity('posts', postId);\n if (post) {\n await devbaseClient.updateEntity('posts', postId, {\n ...post,\n likesCount: (post.likesCount || 0) + 1\n });\n }\n } else {\n await devbaseClient.deleteEntity('likes', existingLikes[0].id);\n setLikedPosts(prev => {\n const newState = {\n ...prev\n };\n delete newState[postId];\n return newState;\n });\n const updatePostInList = list => {\n return list.map(post => {\n if (post.id === postId) {\n return {\n ...post,\n likesCount: Math.max((post.likesCount || 0) - 1, 0)\n };\n }\n return post;\n });\n };\n setPosts(updatePostInList(posts));\n setTrendingPosts(updatePostInList(trendingPosts));\n setProfilePosts(updatePostInList(profilePosts));\n const post = await devbaseClient.getEntity('posts', postId);\n if (post) {\n await devbaseClient.updateEntity('posts', postId, {\n ...post,\n likesCount: Math.max((post.likesCount || 0) - 1, 0)\n });\n }\n }\n } catch (error) {\n console.error('Error liking post:', error);\n }\n };\n const handleFollowUser = async followedWallet => {\n if (!userWallet || followedWallet === userWallet) return;\n try {\n setFollowLoading(true);\n if (isFollowing) {\n const follows = await devbaseClient.listEntities('follows', {\n followerWallet: userWallet,\n followedWallet: followedWallet\n });\n if (follows.length > 0) {\n await devbaseClient.deleteEntity('follows', follows[0].id);\n }\n setIsFollowing(false);\n setFollowersCount(prev => prev - 1);\n } else {\n await devbaseClient.createEntity('follows', {\n followerWallet: userWallet,\n followedWallet: followedWallet\n });\n setIsFollowing(true);\n setFollowersCount(prev => prev + 1);\n }\n } catch (error) {\n console.error('Error following/unfollowing user:', error);\n } finally {\n setFollowLoading(false);\n }\n };\n const fetchConversations = async () => {\n if (!userWallet) return;\n try {\n setMessagesLoading(true);\n const sentMessages = await devbaseClient.listEntities('messages', {\n senderWallet: userWallet\n });\n const receivedMessages = await devbaseClient.listEntities('messages', {\n receiverWallet: userWallet\n });\n const allMessages = [...sentMessages, ...receivedMessages].sort((a, b) => new Date(b.createdAt) - new Date(a.createdAt));\n const unread = receivedMessages.filter(msg => !msg.read).length;\n setUnreadCount(unread);\n const conversationMap = new Map();\n const getOtherUser = msg => {\n return msg.senderWallet === userWallet ? msg.receiverWallet : msg.senderWallet;\n };\n allMessages.forEach(message => {\n const otherUserWallet = getOtherUser(message);\n if (!conversationMap.has(otherUserWallet)) {\n conversationMap.set(otherUserWallet, {\n otherUserWallet,\n latestMessage: message,\n hasUnread: message.receiverWallet === userWallet && !message.read\n });\n }\n });\n const conversationList = Array.from(conversationMap.values()).sort((a, b) => new Date(b.latestMessage.createdAt) - new Date(a.latestMessage.createdAt));\n const conversationsWithUserInfo = await Promise.all(conversationList.map(async conv => {\n const users = await devbaseClient.listEntities('users', {\n walletAddress: conv.otherUserWallet\n });\n const userInfo = users.length > 0 ? users[0] : {\n username: shortenAddress(conv.otherUserWallet)\n };\n return {\n ...conv,\n username: userInfo.username,\n profilePhotoUrl: userInfo.profilePhotoUrl || '',\n hasRickBadge: userInfo.hasRickBadge || false\n };\n }));\n setConversations(conversationsWithUserInfo);\n } catch (error) {\n console.error('Error fetching conversations:', error);\n } finally {\n setMessagesLoading(false);\n }\n };\n const fetchMessages = async otherUserWallet => {\n if (!userWallet || !otherUserWallet) return [];\n try {\n setMessagesLoading(true);\n const sentMessages = await devbaseClient.listEntities('messages', {\n senderWallet: userWallet,\n receiverWallet: otherUserWallet\n });\n const receivedMessages = await devbaseClient.listEntities('messages', {\n senderWallet: otherUserWallet,\n receiverWallet: userWallet\n });\n for (const msg of receivedMessages) {\n if (!msg.read) {\n await devbaseClient.updateEntity('messages', msg.id, {\n ...msg,\n read: true\n });\n }\n }\n const allReceivedMessages = await devbaseClient.listEntities('messages', {\n receiverWallet: userWallet\n });\n const unread = allReceivedMessages.filter(msg => !msg.read).length;\n setUnreadCount(unread);\n const allMessages = [...sentMessages, ...receivedMessages].sort((a, b) => new Date(a.createdAt) - new Date(b.createdAt));\n return allMessages;\n } catch (error) {\n console.error('Error fetching messages:', error);\n return [];\n } finally {\n setMessagesLoading(false);\n }\n };\n const handleOpenConversation = async conversation => {\n try {\n const messages = await fetchMessages(conversation.otherUserWallet);\n setActiveConversation({\n ...conversation,\n messages\n });\n } catch (error) {\n console.error('Error opening conversation:', error);\n }\n };\n const handleSendMessage = async () => {\n if (!messageContent.trim() || !userWallet || !activeConversation) return;\n try {\n setSendingMessage(true);\n const newMessage = await devbaseClient.createEntity('messages', {\n senderWallet: userWallet,\n receiverWallet: activeConversation.otherUserWallet,\n content: messageContent,\n read: false\n });\n setActiveConversation(prev => ({\n ...prev,\n messages: [...prev.messages, newMessage],\n latestMessage: newMessage\n }));\n setMessageContent('');\n fetchConversations();\n } catch (error) {\n console.error('Error sending message:', error);\n } finally {\n setSendingMessage(false);\n }\n };\n const startNewConversation = async (otherUserWallet, username, profilePhotoUrl, hasRickBadge) => {\n if (!userWallet || otherUserWallet === userWallet) return;\n const conversation = {\n otherUserWallet,\n username,\n profilePhotoUrl,\n hasRickBadge,\n messages: []\n };\n setActiveConversation(conversation);\n setShowMessages(true);\n setActiveTab('messages');\n };\n const [tipStatus, setTipStatus] = useState({\n type: '',\n message: ''\n });\n const USDC_ADDRESS = 'EPjFWdd5AufqSSqeM2qN1xzybapC8G4wEGGkZwyTDt1v';\n const RICK_ADDRESS = 'AgYVbX4CueNVrBAXZh84DoFQtZhG6wpi3JgXHyCKpump';\n const [tokenBalances, setTokenBalances] = useState({\n USDC: null,\n RICK: null\n });\n const [refreshingBalance, setRefreshingBalance] = useState(false);\n const [lastBalanceCheck, setLastBalanceCheck] = useState({\n USDC: 0,\n RICK: 0\n });\n const getFormattedBalance = (balance, token) => {\n if (balance === null) return \"Loading...\";\n if (token === 'USDC') {\n return (parseInt(balance) / 1000000).toLocaleString(undefined, {\n minimumFractionDigits: 2,\n maximumFractionDigits: 2\n });\n } else if (token === 'RICK') {\n return (parseInt(balance) / 1000000000).toLocaleString(undefined, {\n minimumFractionDigits: 3,\n maximumFractionDigits: 3\n });\n } else {\n return parseInt(balance).toLocaleString();\n }\n };\n const getTokenBalance = async tokenAddress => {\n if (!userWallet) return 0;\n try {\n setRefreshingBalance(true);\n console.log(`Checking balance for token: ${tokenAddress}`);\n const timestamp = new Date().getTime();\n try {\n const rpcEndpoint = `https://rpc.dev.fun/9ee31f92633a5d3f0507`;\n const getTokenAccountsRequest = {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify({\n jsonrpc: '2.0',\n id: 1,\n method: 'getTokenAccountsByOwner',\n params: [userWallet, {\n mint: tokenAddress\n }, {\n encoding: 'jsonParsed'\n }]\n })\n };\n const response = await fetch(rpcEndpoint, getTokenAccountsRequest);\n const data = await response.json();\n if (data.result && data.result.value) {\n const accounts = data.result.value;\n console.log(`Found ${accounts.length} token accounts for ${tokenAddress}`);\n let totalBalance = 0;\n for (const account of accounts) {\n if (account.account && account.account.data && account.account.data.parsed && account.account.data.parsed.info && account.account.data.parsed.info.tokenAmount) {\n const amount = account.account.data.parsed.info.tokenAmount.amount;\n totalBalance += parseInt(amount);\n }\n }\n if (totalBalance > 0) {\n console.log(`Direct RPC method: Found balance ${totalBalance} for ${tokenAddress}`);\n const tokenType = tokenAddress === USDC_ADDRESS ? 'USDC' : 'RICK';\n setLastBalanceCheck(prev => ({\n ...prev,\n [tokenType]: Date.now()\n }));\n return totalBalance.toString();\n }\n }\n console.log(\"Direct method returned no balance, trying fallback...\");\n } catch (rpcError) {\n console.error(\"Error with direct RPC method:\", rpcError);\n console.log(\"Trying fallback method...\");\n }\n const result = await fetch(`http://localhost:5006?url=${encodeURIComponent(`https://api.mainnet-beta.solana.com/token-accounts/${userWallet}?token=${tokenAddress}&_=${timestamp}`)}`).then(res => res.json()).catch(err => {\n console.error(\"Error fetching token data:\", err);\n return {\n value: []\n };\n });\n let tokenAccounts = result.value || [];\n console.log(`Fallback: Found ${tokenAccounts.length} token accounts for wallet`);\n let balance = 0;\n for (const account of tokenAccounts) {\n try {\n if (account.mint === tokenAddress) {\n balance = account.amount || 0;\n console.log(`Fallback: Found token balance: ${balance} for ${tokenAddress}`);\n break;\n }\n } catch (parseError) {\n console.error(\"Error parsing token account:\", parseError);\n continue;\n }\n }\n if (balance === 0 && tokenAddress === USDC_ADDRESS) {\n try {\n console.log(\"Trying Jupiter API for USDC balance...\");\n const jupiterUrl = `http://localhost:5006?url=${encodeURIComponent(`https://quote-api.jup.ag/v6/wallet-tokens?publicKey=${userWallet}`)}`;\n const jupiterResponse = await fetch(jupiterUrl);\n const jupiterData = await jupiterResponse.json();\n if (jupiterData.tokens) {\n const usdcToken = jupiterData.tokens.find(token => token.mint === USDC_ADDRESS);\n if (usdcToken && usdcToken.uiAmount !== undefined) {\n const usdcBalance = Math.floor(usdcToken.uiAmount * 1000000);\n console.log(`Jupiter API: Found USDC balance: ${usdcBalance}`);\n balance = usdcBalance.toString();\n }\n }\n } catch (jupiterError) {\n console.error(\"Error with Jupiter API:\", jupiterError);\n }\n }\n const tokenType = tokenAddress === USDC_ADDRESS ? 'USDC' : 'RICK';\n setLastBalanceCheck(prev => ({\n ...prev,\n [tokenType]: Date.now()\n }));\n return balance;\n } catch (error) {\n console.error('Error getting token balance:', error);\n return 0;\n } finally {\n setRefreshingBalance(false);\n }\n };\n const refreshTokenBalance = async (specificToken = null) => {\n if (specificToken) {\n const tokenAddress = specificToken === 'USDC' ? USDC_ADDRESS : RICK_ADDRESS;\n const balance = await getTokenBalance(tokenAddress);\n setTokenBalances(prev => ({\n ...prev,\n [specificToken]: balance\n }));\n return balance;\n } else {\n const tokenAddress = tipToken === 'USDC' ? USDC_ADDRESS : RICK_ADDRESS;\n const balance = await getTokenBalance(tokenAddress);\n setTokenBalances(prev => ({\n ...prev,\n [tipToken]: balance\n }));\n return balance;\n }\n };\n const refreshAllBalances = async () => {\n console.log(\"Refreshing all token balances...\");\n try {\n const usdcBalance = await getTokenBalance(USDC_ADDRESS);\n console.log(`USDC balance refreshed: ${usdcBalance}`);\n const rickBalance = await getTokenBalance(RICK_ADDRESS);\n console.log(`RICK balance refreshed: ${rickBalance}`);\n setTokenBalances({\n USDC: usdcBalance,\n RICK: rickBalance\n });\n return {\n USDC: usdcBalance,\n RICK: rickBalance\n };\n } catch (error) {\n console.error(\"Error refreshing all balances:\", error);\n return {\n USDC: tokenBalances.USDC || \"0\",\n RICK: tokenBalances.RICK || \"0\"\n };\n }\n };\n useEffect(() => {\n if (tippingPostId && userWallet) {\n console.log(\"Tip modal opened, refreshing token balances\");\n refreshAllBalances();\n const intervalId = setInterval(() => {\n console.log(\"Auto-refreshing token balances\");\n refreshAllBalances();\n }, 15000);\n return () => clearInterval(intervalId);\n } else {\n setTokenBalances({\n USDC: null,\n RICK: null\n });\n }\n }, [tippingPostId, userWallet]);\n useEffect(() => {\n if (tippingPostId && userWallet) {\n const currentTime = Date.now();\n const lastCheck = lastBalanceCheck[tipToken];\n if (currentTime - lastCheck > 30000) {\n refreshTokenBalance();\n }\n }\n }, [tipToken, tippingPostId, userWallet, lastBalanceCheck]);\n useEffect(() => {\n if (tipToken === 'USDC') {\n setTipAmount('0.3');\n } else {\n setTipAmount('1000');\n }\n }, [tipToken]);\n const handleSendTip = async () => {\n if (!userWallet || !tippingPostId || !tipAmount) return;\n try {\n setTipLoading(true);\n setTipStatus({\n type: '',\n message: ''\n });\n const post = await devbaseClient.getEntity('posts', tippingPostId);\n if (!post) {\n setTipStatus({\n type: 'error',\n message: 'Post not found'\n });\n return;\n }\n const tokenAddress = tipToken === 'USDC' ? USDC_ADDRESS : RICK_ADDRESS;\n let tipAmountValue, formattedAmount;\n if (tipToken === 'USDC') {\n tipAmountValue = parseFloat(tipAmount);\n formattedAmount = tipAmountValue * 1000000;\n } else {\n tipAmountValue = parseInt(tipAmount, 10);\n formattedAmount = tipAmountValue;\n }\n await refreshAllBalances();\n console.log(`Starting tip process: ${tipToken} tip of ${tipAmountValue} to ${post.creatorWallet}`);\n const currentBalance = await refreshTokenBalance();\n const formattedBalance = tipToken === 'USDC' ? parseFloat(currentBalance) / 1000000 : parseInt(currentBalance);\n console.log(`Current balance: ${formattedBalance} ${tipToken} (raw: ${currentBalance})`);\n if (tipToken === 'USDC') {\n if (parseFloat(currentBalance) < tipAmountValue * 1000000) {\n setTipStatus({\n type: 'error',\n message: `Insufficient ${tipToken} balance. You have ${getFormattedBalance(currentBalance, tipToken)} but need ${tipAmountValue.toLocaleString()}.`\n });\n return;\n }\n } else {\n if (parseInt(currentBalance) < tipAmountValue) {\n setTipStatus({\n type: 'error',\n message: `Insufficient ${tipToken} balance. You have ${getFormattedBalance(currentBalance, tipToken)} but need ${tipAmountValue.toLocaleString()}.`\n });\n return;\n }\n }\n console.log(`Using token address: ${tokenAddress}`);\n console.log(`Sending amount: ${tipAmountValue}`);\n await devbaseClient.createEntity('tips', {\n postId: tippingPostId,\n senderWallet: userWallet,\n receiverWallet: post.creatorWallet,\n amount: tipAmountValue,\n token: tokenAddress\n });\n console.log('Tip transaction successful!');\n await refreshAllBalances();\n setTipStatus({\n type: 'success',\n message: `Successfully sent ${tipAmountValue.toLocaleString()} ${tipToken} to ${post.creatorUsername}!`\n });\n setTimeout(() => {\n setTippingPostId(null);\n setTipToken('USDC');\n setTipStatus({\n type: '',\n message: ''\n });\n }, 2000);\n } catch (error) {\n console.error('Error sending tip:', error);\n setTipStatus({\n type: 'error',\n message: 'Transaction failed. Please try again or check your wallet connection.'\n });\n } finally {\n setTipLoading(false);\n }\n };\n const handleRepostPost = async postId => {\n if (!userWallet || !username) return;\n try {\n setRepostingLoading(true);\n const existingReposts = await devbaseClient.listEntities('reposts', {\n postId,\n reposterWallet: userWallet\n });\n if (existingReposts.length > 0) {\n console.log('Already reposted this post.');\n setRepostingLoading(false);\n return;\n }\n await devbaseClient.createEntity('reposts', {\n postId,\n reposterWallet: userWallet,\n reposterUsername: username\n });\n setRepostedPosts(prev => ({\n ...prev,\n [postId]: true\n }));\n const updatePostInList = list => {\n return list.map(post => {\n if (post.id === postId) {\n return {\n ...post,\n repostCount: (post.repostCount || 0) + 1\n };\n }\n return post;\n });\n };\n setPosts(updatePostInList(posts));\n setTrendingPosts(updatePostInList(trendingPosts));\n setProfilePosts(updatePostInList(profilePosts));\n if (activeTab === 'profile' || activeTab === 'viewProfile') {\n fetchProfileData(viewingProfileWallet || userWallet);\n }\n } catch (error) {\n console.error('Error reposting post:', error);\n } finally {\n setRepostingLoading(false);\n }\n };\n const scrollToTop = () => {\n window.scrollTo({\n top: 0,\n behavior: 'smooth'\n });\n };\n const formatDate = dateString => {\n const date = new Date(dateString);\n return date.toLocaleDateString('en-US', {\n month: 'short',\n day: 'numeric',\n hour: 'numeric',\n minute: '2-digit'\n });\n };\n const [badgeMessage, setBadgeMessage] = useState({\n type: '',\n text: ''\n });\n const verifyRickBadge = async () => {\n if (!userWallet) return;\n try {\n setBadgeVerifyLoading(true);\n setBadgeMessage({\n type: '',\n text: ''\n });\n console.log(\"Starting RICK token verification for wallet:\", userWallet);\n const RICK_TOKEN_ADDRESS = 'AgYVbX4CueNVrBAXZh84DoFQtZhG6wpi3JgXHyCKpump';\n console.log(\"RICK token address:\", RICK_TOKEN_ADDRESS);\n let hasRickToken = false;\n try {\n console.log(\"Method 1: Using direct RPC call to get token accounts\");\n const rpcEndpoint = `https://rpc.dev.fun/9ee31f92633a5d3f0507`;\n const getTokenAccountsRequest = {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify({\n jsonrpc: '2.0',\n id: 1,\n method: 'getTokenAccountsByOwner',\n params: [userWallet, {\n mint: RICK_TOKEN_ADDRESS\n }, {\n encoding: 'jsonParsed'\n }]\n })\n };\n const response = await fetch(rpcEndpoint, getTokenAccountsRequest);\n const data = await response.json();\n if (data.result && data.result.value) {\n const accounts = data.result.value;\n console.log(`Method 1: Found ${accounts.length} RICK token accounts`);\n for (const account of accounts) {\n if (account.account && account.account.data && account.account.data.parsed && account.account.data.parsed.info && account.account.data.parsed.info.tokenAmount) {\n const amount = account.account.data.parsed.info.tokenAmount.amount;\n console.log(`Method 1: RICK amount found: ${amount}`);\n if (parseInt(amount) > 0) {\n console.log(\"✅ Method 1: RICK token found with positive balance!\");\n hasRickToken = true;\n break;\n }\n }\n }\n }\n } catch (rpcError) {\n console.error(\"Error with Method 1:\", rpcError);\n }\n if (!hasRickToken) {\n try {\n console.log(\"Method 2: Using API endpoint to check token accounts\");\n const timestamp = Date.now();\n const result = await fetch(`http://localhost:5006?url=${encodeURIComponent(`https://api.mainnet-beta.solana.com/token-accounts/${userWallet}?token=${RICK_TOKEN_ADDRESS}&_=${timestamp}`)}`).then(res => res.json()).catch(err => {\n console.error(\"Error fetching token data:\", err);\n return {\n value: []\n };\n });\n const tokenAccounts = result.value || [];\n console.log(`Method 2: Found ${tokenAccounts.length} token accounts`);\n for (const account of tokenAccounts) {\n try {\n const tokenMint = account.mint;\n const tokenAmount = account.amount || \"0\";\n console.log(`Method 2: Checking token: ${tokenMint}, amount: ${tokenAmount}`);\n if (tokenMint === RICK_TOKEN_ADDRESS && parseInt(tokenAmount) > 0) {\n console.log(\"✅ Method 2: RICK token found with positive balance!\");\n hasRickToken = true;\n break;\n }\n } catch (parseError) {\n console.error(\"Error parsing token account:\", parseError);\n continue;\n }\n }\n } catch (apiError) {\n console.error(\"Error with Method 2:\", apiError);\n }\n }\n if (!hasRickToken) {\n try {\n console.log(\"Method 3: Using Jupiter API to check token balance\");\n const jupiterUrl = `http://localhost:5006?url=${encodeURIComponent(`https://quote-api.jup.ag/v6/wallet-tokens?publicKey=${userWallet}`)}`;\n const jupiterResponse = await fetch(jupiterUrl);\n const jupiterData = await jupiterResponse.json();\n if (jupiterData.tokens) {\n const rickToken = jupiterData.tokens.find(token => token.mint === RICK_TOKEN_ADDRESS);\n if (rickToken && rickToken.uiAmount > 0) {\n console.log(`Method 3: Found RICK balance: ${rickToken.uiAmount}`);\n hasRickToken = true;\n }\n }\n } catch (jupiterError) {\n console.error(\"Error with Method 3:\", jupiterError);\n }\n }\n console.log(\"Token verification complete. Has RICK token:\", hasRickToken);\n if (hasRickToken) {\n console.log(\"Updating user profile with badge...\");\n const users = await devbaseClient.listEntities('users', {\n walletAddress: userWallet\n });\n if (users.length > 0) {\n const user = users[0];\n console.log(\"Found user profile:\", user.id);\n await devbaseClient.updateEntity('users', user.id, {\n ...user,\n hasRickBadge: true\n });\n console.log(\"User profile updated with RICK badge\");\n setHasRickBadge(true);\n setBadgeMessage({\n type: 'success',\n text: 'Congratulations! You\\'ve earned the RICK Badge!'\n });\n if (activeTab === 'home' || activeTab === 'trending') {\n fetchPosts();\n } else if (activeTab === 'profile') {\n fetchProfileData(userWallet);\n }\n } else {\n console.error(\"User profile not found for wallet:\", userWallet);\n setBadgeMessage({\n type: 'error',\n text: 'Error: User profile not found. Please try again.'\n });\n }\n } else {\n console.log(\"User does not have RICK token\");\n setBadgeMessage({\n type: 'error',\n text: 'You need to hold RICK token in your wallet to get this badge.'\n });\n }\n } catch (error) {\n console.error('Error in RICK token verification process:', error);\n if (error.message && error.message.includes('connect')) {\n setBadgeMessage({\n type: 'error',\n text: 'Error connecting to Solana network. Please try again later.'\n });\n } else if (error.message && error.message.includes('parse')) {\n setBadgeMessage({\n type: 'error',\n text: 'Error reading token data. Please try again.'\n });\n } else {\n setBadgeMessage({\n type: 'error',\n text: 'Error verifying token. Please try again or check your wallet connection.'\n });\n }\n } finally {\n setBadgeVerifyLoading(false);\n }\n };\n const handleUpdateProfilePhoto = async () => {\n if (!userWallet || !selectedPhotoUrl) return;\n try {\n setPhotoUpdateLoading(true);\n setPhotoTransition(true);\n const users = await devbaseClient.listEntities('users', {\n walletAddress: userWallet\n });\n if (users.length > 0) {\n const user = users[0];\n await devbaseClient.updateEntity('users', user.id, {\n ...user,\n profilePhotoUrl: selectedPhotoUrl\n });\n setProfilePhotoUrl(selectedPhotoUrl);\n setProfilePhotoCache(prev => ({\n ...prev,\n [userWallet]: selectedPhotoUrl\n }));\n setShowPhotoModal(false);\n if (activeTab === 'home' || activeTab === 'trending') {\n fetchPosts();\n } else if (activeTab === 'profile') {\n fetchProfileData(userWallet);\n }\n fetchRepostedPosts();\n setTimeout(() => {\n setPhotoTransition(false);\n }, 500);\n }\n } catch (error) {\n console.error('Error updating profile photo:', error);\n setPhotoTransition(false);\n } finally {\n setPhotoUpdateLoading(false);\n }\n };\n const PostCard = ({\n post\n }) => {\n const isLiked = likedPosts[post.id];\n const isReposted = repostedPosts[post.id];\n const showBadge = post.isRepost ? post.creatorHasRickBadge : post.hasRickBadge;\n const postProfilePhoto = profilePhotoCache[post.creatorWallet] || post.profilePhotoUrl || '';\n return

\n {post.isRepost &&

\n @{post.reposterUsername} reposted this\n

}\n

\n {\n if (post.creatorWallet !== userWallet) {\n setViewingProfileWallet(post.creatorWallet);\n setActiveTab('viewProfile');\n } else {\n setViewingProfileWallet(null);\n setActiveTab('profile');\n }\n }}>\n {postProfilePhoto ? : \n {post.creatorUsername?.charAt(0)?.toUpperCase() || 'U'}\n }\n \n

{\n if (post.creatorWallet !== userWallet) {\n setViewingProfileWallet(post.creatorWallet);\n setActiveTab('viewProfile');\n } else {\n setViewingProfileWallet(null);\n setActiveTab('profile');\n }\n }}>\n {post.creatorUsername}\n {showBadge && $\"Verified\"$ }\n

\n {formatDate(post.createdAt)}\n

\n\n

{post.content}

\n\n

\n \n\n \n\n \n

;\n };\n const renderProfile = (profileUser, postsList, isCurrentUser) => {\n if (profileLoading) {\n return

Loading profile...

;\n }\n if (!profileUser) {\n return

Profile not found

;\n }\n const userHasRickBadge = profileUser?.hasRickBadge || false;\n const userProfilePhoto = isCurrentUser ? profilePhotoUrl : profileUser?.profilePhotoUrl || '';\n return

\n {isCurrentUser && <>\n

\n \n \n

\n \n {badgeMessage.text &&

\n {badgeMessage.type === 'success' ?

\n \n {badgeMessage.text}\n

\n {badgeMessage.text}\n

}\n

}\n }\n \n

\n \n {userProfilePhoto ? : \n {profileUser?.username?.charAt(0)?.toUpperCase() || 'U'}\n }\n \n

\n {profileUser?.username}\n {profileUser?.hasRickBadge && $\"Verified\"$ }\n

{shortenAddress(profileUser?.walletAddress)}

\n \n \n {followersCount} Followers\n \n

\n \n \n {followingCount} Following\n \n

\n {!isCurrentUser &&

\n \n \n

}\n

\n\n

Posts

\n {postsList.length === 0 ?

No posts yet.

: postsList.map(post => )}\n

;\n };\n const handleSearch = async () => {\n if (!searchQuery.trim()) return;\n try {\n setSearchLoading(true);\n const allUsers = await devbaseClient.listEntities('users');\n const filteredUsers = allUsers.filter(user => user.username.toLowerCase().includes(searchQuery.toLowerCase()));\n setSearchResults(filteredUsers);\n } catch (error) {\n console.error('Error searching for users:', error);\n } finally {\n setSearchLoading(false);\n }\n };\n const ChatBot = () => {\n const systemPrompt = `\nYou are TipTalk's friendly and helpful AI assistant. You're knowledgeable about crypto, Solana, NFTs, and social media topics.\nYour personality is friendly, enthusiastic, and slightly playful. You give concise answers (2-3 sentences max) unless asked for more details.\nIf users ask about TipTalk, explain it's a platform where people can share thoughts and reward content creators with USDC and RICK tokens.\nAlways be helpful, accurate, and maintain a positive tone.\n`;\n const {\n messages,\n input,\n handleInputChange,\n handleSubmit,\n isLoading\n } = useChat({\n api: 'https://chat.dev.fun/chat/9ee31f92633a5d3f0507',\n initialMessages: [{\n id: 'system',\n role: 'system',\n content: systemPrompt\n }]\n });\n return

\n \n

\n TipTalk Assistant\n

\n \n

\n {messages.length <= 1 ?

👋 Hi there! I'm your TipTalk assistant. Ask me anything about crypto, Solana, or how to use TipTalk!

: messages.map((message, index) => message.role !== 'system' &&

{message.content}

)}\n {isLoading &&

}\n

\n \n

;\n };\n const MessagesView = () => {\n const scrollRef = useRef(null);\n useEffect(() => {\n if (scrollRef.current) {\n scrollRef.current.scrollTop = scrollRef.current.scrollHeight;\n }\n }, [activeConversation?.messages]);\n if (!activeConversation) {\n return

Messages

\n \n

\n {messagesLoading ?

: conversations.length === 0 ?

\n \n

No messages yet

Your conversations will appear here

\n {conversations.map(conversation =>

handleOpenConversation(conversation)} className=\"p-4 hover:bg-zinc-800 cursor-pointer transition-colors flex items-center\">\n

\n {conversation.profilePhotoUrl ? {conversation.username}

\n {conversation.username.charAt(0).toUpperCase()}\n

}\n

\n {conversation.hasUnread &&

}\n

\n \n

{conversation.username}

\n {conversation.hasRickBadge && $\"Verified\"$ }\n

\n {conversation.latestMessage.senderWallet === userWallet ? 'You: ' : ''}\n {conversation.latestMessage.content}\n

\n \n {formatDate(conversation.latestMessage.createdAt).split(',')[0]}\n \n

)}\n

}\n

;\n }\n return

\n \n

\n {activeConversation.profilePhotoUrl ? {activeConversation.username}

\n {activeConversation.username.charAt(0).toUpperCase()}\n

}\n

\n {activeConversation.username}\n {activeConversation.hasRickBadge && $\"Verified\"$ }\n

\n \n

\n {messagesLoading ?

: activeConversation.messages.length === 0 ?

\n \n

No messages yet

Start the conversation by sending a message

: activeConversation.messages.map(message =>

{message.content}

\n {formatDate(message.createdAt).split(',')[1]}\n

)}\n

\n \n

;\n };\n const renderContent = () => {\n if (showChatBot) {\n return ;\n }\n if (showMessages || activeTab === 'messages') {\n return ;\n }\n if (!userWallet) {\n return

Welcome to TipTalk

Connect your wallet to share thoughts and reward brilliant ideas with crypto!

\n \n

;\n }\n switch (activeTab) {\n case 'home':\n return

Latest Posts

\n {pageLoading && posts.length === 0 || tabSwitchLoading ?

\n {tabSwitchLoading &&

Loading latest posts...

}\n

: posts.length === 0 ?

No posts yet. Be the first to share something!

: posts.map(post => )}\n

;\n case 'trending':\n return

Search Users

\n setSearchQuery(e.target.value)} onKeyPress={e => e.key === 'Enter' && handleSearch()} />\n \n

\n \n {searchQuery &&

\n \n Searching for: {searchQuery}\n {searchResults.length > 0 && ({searchResults.length} results)}\n

}\n

\n \n {searchLoading ?

Searching...

: searchQuery && searchResults.length === 0 ?

No users found matching \"{searchQuery}\"

Try a different search term

: searchResults.length > 0 ?

\n {searchResults.map(user =>

{\n setViewingProfileWallet(user.walletAddress);\n setActiveTab('viewProfile');\n }}>\n

\n {user.profilePhotoUrl ? {user.username}

\n {user.username.charAt(0).toUpperCase()}\n

}\n

\n \n

{user.username}

\n {user.hasRickBadge && $\"Verified\"$ }\n

{shortenAddress(user.walletAddress)}

\n \n

)}\n

: null}\n

;\n case 'post':\n return

Create a Post

\n \n

;\n case 'profile':\n return renderProfile({\n username,\n walletAddress: userWallet,\n hasRickBadge\n }, profilePosts, true);\n case 'viewProfile':\n return renderProfile(viewingProfileData, profilePosts, false);\n default:\n return null;\n }\n };\n return

\n \n {initialLoading && \n \n \n

TipTalk

\n \n

Connecting to Solana...

\n }\n \n \n

TipTalk

\n \n \n \n

\n\n

\n {renderContent()}\n

\n\n

\n \n\n \n \n \n\n \n\n \n\n \n

\n\n \n {showUsernameModal && \n \n

Welcome to TipTalk!

Choose a username to get started:

\n\n

\n {\n setNewUsername(e.target.value);\n setUsernameError('');\n }} />\n {usernameError &&

{usernameError}

}\n

\n\n \n \n }\n \n\n \n {tippingPostId && \n \n

Send a Tip

Support this creator with crypto:

\n\n

\n \n \n

\n\n

\n \n Amount ({tipToken})\n \n

\n \n

\n Your Balance:\n \n {refreshingBalance ?

\n Checking...\n

: tokenBalances[tipToken] !== null ? \n {getFormattedBalance(tokenBalances[tipToken], tipToken)} {tipToken}\n : \"Connect to view\"}\n \n

\n Other Token:\n \n {tipToken === 'USDC' ? tokenBalances.RICK !== null ? `${getFormattedBalance(tokenBalances.RICK, 'RICK')} RICK` : \"Not loaded\" : tokenBalances.USDC !== null ? `${getFormattedBalance(tokenBalances.USDC, 'USDC')} USDC` : \"Not loaded\"}\n \n

\n Tip Amount:\n \n {tipToken === 'USDC' ? `${parseFloat(tipAmount).toLocaleString()} ${tipToken}` : `${parseInt(tipAmount, 10).toLocaleString()} ${tipToken}`}\n \n

\n\n {tipStatus.message &&

\n {tipStatus.type === 'success' ? :

}\n {tipStatus.message}\n

}\n\n

\n \n \n

\n \n }\n \n\n \n {showScrollTop && \n \n }\n \n \n \n {showPhotoModal && \n \n

Choose a Profile Photo

Select from the available options:

\n \n

\n {profilePhotos.map((photoUrl, index) =>

setSelectedPhotoUrl(photoUrl)} className={`\n cursor-pointer rounded-lg overflow-hidden border-2 transition-all duration-200\n ${selectedPhotoUrl === photoUrl ? 'border-[#48d48d] scale-105 shadow-lg shadow-[#48d48d]/20' : 'border-zinc-700 hover:border-zinc-500'}\n `}>\n {`Profile

)}\n

\n \n

\n \n \n

\n \n }\n \n

;\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"framer-motion\":\"10.16.4\",\"lucide-react\":\"0.441.0\",\"@devfunlabs/web-sdk\":\"0.5.5\",\"react-router-dom\":\"6.18.0\",\"zod\":\"3.22.4\",\"recharts\":\"2.8.0\",\"@solana/web3.js\":\"^1.73.0\",\"socket.io-client\":\"4.7.2\",\"ai\":\"4.0.0\"}}","appFunctions",[],"token",{"_18":82,"_83":84,"_85":86,"_87":88,"_89":90,"_91":92,"_93":94,"_95":96,"_97":98,"_72":73},"vibecode.fun","symbol","rick","price",0.000125,"marketcap",124449.5,"image","https://pump.mypinata.cloud/ipfs/QmdiVAhd3kBiCNCc559HT5hQGeoP742a9BGML1qod45c8j?img-width=256&img-dpr=2","website","https://dev.fun/p/93870176b0b04c03015d","twitter","https://x.com/crabbylions/status/1898018929869832580?s=46","devCount",66,"appCount",96,"upstreamApp","isLordOfDev","analytics",[103,107,109,111,113,115,117,119,121,123,125,127,129,131],{"_104":105,"_106":58},"day","2025-07-12","runCount",{"_104":108,"_106":58},"2025-07-13",{"_104":110,"_106":58},"2025-07-14",{"_104":112,"_106":58},"2025-07-15",{"_104":114,"_106":58},"2025-07-16",{"_104":116,"_106":58},"2025-07-17",{"_104":118,"_106":58},"2025-07-18",{"_104":120,"_106":58},"2025-07-19",{"_104":122,"_106":58},"2025-07-20",{"_104":124,"_106":58},"2025-07-21",{"_104":126,"_106":58},"2025-07-22",{"_104":128,"_106":58},"2025-07-23",{"_104":130,"_106":58},"2025-07-24",{"_104":132,"_106":58},"2025-07-25","snapshot","ogImage","https://cdn.dev.fun/og/image/9ee31f92633a5d3f0507/bc32c44e.webp","isDevbase","actionData","errors"]

{\n if (post.creatorWallet !== userWallet) {\n setViewingProfileWallet(post.creatorWallet);\n setActiveTab('viewProfile');\n } else {\n setViewingProfileWallet(null);\n setActiveTab('profile');\n }\n }}>\n {post.creatorUsername}\n {showBadge && }\n

\n {profileUser?.username}\n {profileUser?.hasRickBadge && }\n

Posts

\n TipTalk Assistant\n

Messages

{conversation.username}

\n {activeConversation.username}\n {activeConversation.hasRickBadge && }\n

Welcome to TipTalk

Latest Posts

Trending Posts

Search Users

{user.username}

Create a Post

TipTalk

Welcome to TipTalk!

Send a Tip

Choose a Profile Photo

{\n if (post.creatorWallet !== userWallet) {\n setViewingProfileWallet(post.creatorWallet);\n setActiveTab('viewProfile');\n } else {\n setViewingProfileWallet(null);\n setActiveTab('profile');\n }\n }}>\n {post.creatorUsername}\n {showBadge && $\"Verified\"$ }\n

\n {profileUser?.username}\n {profileUser?.hasRickBadge && $\"Verified\"$ }\n

\n {activeConversation.username}\n {activeConversation.hasRickBadge && $\"Verified\"$ }\n

say something