[{"_1":2,"_158":-5,"_159":-5},"loaderData",{"_3":4,"_10":11},"root",{"_5":-5,"_6":7,"_8":9},"user","appId","cm7twdhs6009l11ml868xhxld","wsEndpoint","https://dev.fun","routes/p.$appId",{"_12":13,"_156":-5,"_147":-7,"_157":17},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":27,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_5":45,"_57":58,"_59":60,"_61":42,"_62":63,"_64":60,"_65":42,"_66":42,"_67":42,"_68":60,"_69":60,"_70":17,"_71":27,"_72":-5,"_73":74,"_75":76,"_77":78,"_111":-5,"_112":-5,"_113":17,"_114":17,"_115":116,"_147":32,"_148":149,"_150":27,"_151":152},"id","ce6785aacc569f974ae4","isMyApp",false,"projectId","cmfa1vvot000f7s0x7ovqqk74","name","DripAdvisor","description","A liquid-smooth community voting platform that turns DRiP chaos into curated perfection! Users stake tokens to submit reviews and cast votes, creating a spam-free paradise where only the most committed voices shape what's hot. Watch the slime-styled interface flow as seasons evolve, leaderboards shift, and the community's true taste emerges from the digital depths.","brief","Stake tokens, vote on DRiPs, eliminate spam - where community curation meets liquid perfection!","isLive",true,"isPublic","tags",[],"cover","https://cdn.dev.fun/snapshot/ce6785aacc569f974ae4/100382_c4c55a87.webp","cdnUrl","https://cdn.dev.fun/app/ce6785aacc569f974ae4/100382","createdAt",["D",1757292208336],"updatedAt",["D",1757481599526],"lastCommitId",["B","100382"],"tier",1,"credits",84,{"_14":46,"_47":48,"_49":48,"_50":51,"_52":48,"_53":54,"_55":56},"a5dffb6b-abb2-4ab1-8aed-61d1ca5d8651","uniqueId","sociallyartful","username","solanaWallet","6bGstbLMVBDqSgJHmEW7hpHHcsHXefBHTahjvZcJ3df7","displayName","bio","Art on Solana appreciation project | sociallyartful.sol\n| sociallyartful-bulb.solana | DRiP @socially_artful | X @core_explorer | IG @sociallyartful | $WTAKOLS","avatar","https://cdn.dev.fun/avatar/a5dffb6b-abb2-4ab1-8aed-61d1ca5d8651/065f9f6b.webp","commitCount",17,"forkCount",0,"likeCount","runsCount",28,"downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","code","import { useState, useEffect } from 'react';\nimport { ChevronDown, Trash2, ExternalLink, Trophy, Vote, FileText, Settings, Home } from 'lucide-react';\nimport { useDevapp, DevappProvider, UserButton } from '@devfunlabs/web-sdk';\nconst ADMIN_WALLET = '6bGstbLMVBDqSgJHmEW7hpHHcsHXefBHTahjvZcJ3df7';\nfunction App() {\n const {\n devbaseClient,\n userWallet\n } = useDevapp();\n const [currentView, setCurrentView] = useState('home');\n const [seasons, setSeasons] = useState([]);\n const [currentSeason, setCurrentSeason] = useState(null);\n const [isAdmin, setIsAdmin] = useState(false);\n const [loading, setLoading] = useState(true);\n useEffect(() => {\n if (userWallet) {\n setIsAdmin(userWallet === ADMIN_WALLET);\n loadData();\n } else {\n setLoading(false);\n }\n }, [userWallet]);\n const loadData = async () => {\n try {\n const seasonsData = await devbaseClient.listEntities('seasons');\n setSeasons(seasonsData || []);\n const liveSeason = seasonsData?.find(s => s.status === 'live');\n if (liveSeason) {\n setCurrentSeason(liveSeason);\n } else if (seasonsData?.length > 0) {\n setCurrentSeason(seasonsData[0]);\n }\n } catch (error) {\n console.error('Error loading data:', error);\n } finally {\n setLoading(false);\n }\n };\n if (loading) {\n return

Loading DripAdvisor...

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

\n {currentView === 'home' && }\n {currentView === 'submit' && }\n {currentView === 'vote' && }\n {currentView === 'leaderboard' && }\n {currentView === 'admin' && isAdmin && }\n

;\n}\nfunction LandingPage() {\n return

\n DripAdvisor\n

\n Expert guidance and advice on what's hot on DRiP\n

\n A liquid-smooth community voting platform that turns DRiP chaos into curated perfection! \n Stake tokens to submit reviews and cast votes in our spam-free paradise.\n

Connect to Start

\n \n

;\n}\nfunction Header({\n currentView,\n setCurrentView,\n isAdmin,\n seasons,\n currentSeason,\n setCurrentSeason\n}) {\n const [showSeasonDropdown, setShowSeasonDropdown] = useState(false);\n return

\n DripAdvisor\n

\n \n {showSeasonDropdown &&

\n {seasons.map(season => )}\n

}\n

\n \n \n

;\n}\nfunction NavButton({\n icon: Icon,\n label,\n active,\n onClick\n}) {\n return ;\n}\nfunction HomePage({\n currentSeason\n}) {\n const {\n devbaseClient\n } = useDevapp();\n const [entries, setEntries] = useState([]);\n const [votingResults, setVotingResults] = useState([]);\n useEffect(() => {\n if (currentSeason) {\n loadHomeData();\n }\n }, [currentSeason]);\n const loadHomeData = async () => {\n try {\n const entriesData = await devbaseClient.listEntities('entries', {\n seasonId: currentSeason.id,\n status: 'selected'\n });\n setEntries(entriesData || []);\n const selectedEntries = entriesData || [];\n const votingWithCounts = await Promise.all(selectedEntries.map(async entry => {\n const votes = await devbaseClient.listEntities('votes', {\n seasonId: currentSeason.id,\n optionId: entry.id\n });\n const existingOptions = await devbaseClient.listEntities('votingOptions', {\n seasonId: currentSeason.id,\n entryId: entry.id\n });\n const minVotesRequired = existingOptions?.[0]?.minVotesRequired || 10;\n return {\n id: entry.id,\n entryId: entry.id,\n seasonId: currentSeason.id,\n votesReceived: votes ? votes.length : 0,\n minVotesRequired: minVotesRequired,\n entry: entry\n };\n }));\n setVotingResults(votingWithCounts);\n } catch (error) {\n console.error('Error loading home data:', error);\n }\n };\n if (!currentSeason) {\n return

No Active Season

Check back later for new seasons!

;\n }\n return

\n {currentSeason.name}\n

\n {currentSeason.description &&

{currentSeason.description}

}\n

\n {currentSeason.status === 'live' ? 'Active Season' : 'Archived Season'}\n

\n {entries.length > 0 &&

Featured Reviews

\n {entries.map(entry =>

\n \n {entry.userId.slice(0, 6)}...{entry.userId.slice(-4)}\n \n \n \n \n

\n {entry.review.length > 150 ? `${entry.review.slice(0, 150)}...` : entry.review}\n

\n {entry.pointsAwarded > 0 &&

\n \n {entry.pointsAwarded} points\n

}\n

)}\n

}\n {votingResults.length > 0 &&

Voting Results

\n {votingResults.map((option, index) =>

\n #{index + 1}\n

\n Entry by {option.entry?.userId ? `${option.entry.userId.slice(0, 8)}...` : 'Unknown'}\n

Needs {option.minVotesRequired} votes to win

{option.votesReceived}

votes

\n {option.votesReceived >= option.minVotesRequired &&

WINNER! 🏆

}\n

\n \n {option.entry &&

\n DRiP URL:\n \n {option.entry.dripUrl}\n \n \n

\n Review:\n

\n {option.entry.review.length > 200 ? `${option.entry.review.slice(0, 200)}...` : option.entry.review}\n

}\n \n

= option.minVotesRequired ? 'bg-green-500' : 'bg-cyan-500'}`} style={{\n width: `${Math.min(option.votesReceived / option.minVotesRequired * 100, 100)}%`\n }} />\n

)}\n

}\n

;\n}\nfunction SubmitEntry({\n currentSeason\n}) {\n const {\n devbaseClient,\n userWallet\n } = useDevapp();\n const [existingEntry, setExistingEntry] = useState(null);\n const [formData, setFormData] = useState({\n dripUrl: '',\n review: '',\n depositAmount: ''\n });\n const [loading, setLoading] = useState(false);\n const [config, setConfig] = useState(null);\n useEffect(() => {\n if (currentSeason && userWallet) {\n checkExistingEntry();\n loadConfig();\n }\n }, [currentSeason, userWallet]);\n const loadConfig = async () => {\n try {\n const configData = await devbaseClient.listEntities('seasonConfigs', {\n seasonId: currentSeason.id\n });\n if (configData && configData.length > 0) {\n setConfig(configData[0]);\n }\n } catch (error) {\n console.error('Error loading config:', error);\n }\n };\n const checkExistingEntry = async () => {\n try {\n const entries = await devbaseClient.listEntities('entries', {\n seasonId: currentSeason.id,\n userId: userWallet\n });\n if (entries && entries.length > 0) {\n setExistingEntry(entries[0]);\n }\n } catch (error) {\n console.error('Error checking existing entry:', error);\n }\n };\n const handleSubmit = async e => {\n e.preventDefault();\n if (!currentSeason || !config) return;\n if (!formData.dripUrl.startsWith('https://drip.haus/')) {\n alert('Please enter a valid DRiP URL (must start with https://drip.haus/)');\n return;\n }\n if (formData.review.length > 1000) {\n alert('Review must be 1000 characters or less');\n return;\n }\n if (parseFloat(formData.depositAmount) < config.minDepositAmount) {\n alert(`Minimum deposit amount is ${config.minDepositAmount}`);\n return;\n }\n setLoading(true);\n try {\n await devbaseClient.createEntity('entries', {\n seasonId: currentSeason.id,\n dripUrl: formData.dripUrl,\n review: formData.review,\n depositAmount: parseFloat(formData.depositAmount),\n status: 'pending'\n });\n await updateUserLeaderboard(userWallet);\n alert('Entry submitted successfully!');\n checkExistingEntry();\n setFormData({\n dripUrl: '',\n review: '',\n depositAmount: ''\n });\n } catch (error) {\n console.error('Error submitting entry:', error);\n alert('Error submitting entry. Please try again.');\n } finally {\n setLoading(false);\n }\n };\n const updateUserLeaderboard = async userId => {\n try {\n const totalPoints = await devbaseClient.evalString(`$FUNC_UPDATE_USER_LEADERBOARD('${userId}')`);\n const existingLeaderboard = await devbaseClient.listEntities('leaderboard', {\n userId: userId\n });\n if (existingLeaderboard && existingLeaderboard.length > 0) {\n await devbaseClient.updateEntity('leaderboard', existingLeaderboard[0].id, {\n totalPoints: parseInt(totalPoints)\n });\n } else {\n await devbaseClient.createEntity('leaderboard', {\n userId: userId,\n totalPoints: parseInt(totalPoints)\n });\n }\n } catch (error) {\n console.error('Error updating leaderboard:', error);\n }\n };\n if (!currentSeason) {\n return

No Active Season

Check back later for new seasons!

;\n }\n if (existingEntry) {\n return

Your Entry for {currentSeason.name}

\n DRiP URL\n \n {existingEntry.dripUrl}\n \n \n

\n Review\n

{existingEntry.review}

\n Deposit Amount\n {existingEntry.depositAmount} tokens\n

\n Status\n \n {existingEntry.status}\n \n

\n {existingEntry.pointsAwarded > 0 &&

\n \n Awarded {existingEntry.pointsAwarded} points!\n

}\n

;\n }\n return

Submit Entry for {currentSeason.name}

\n {config &&

Entry Requirements

• Token CA: {config.tokenCA}
• Minimum deposit: {config.minDepositAmount} tokens
• Max entries this season: {config.maxEntries}

}\n

\n \n DRiP Piece URL *\n \n setFormData({\n ...formData,\n dripUrl: e.target.value\n })} placeholder=\"https://drip.haus/...\" className=\"w-full bg-gray-800/50 border border-gray-600 rounded-lg px-4 py-3 text-white placeholder-gray-500 focus:border-cyan-500 focus:outline-none\" required />\n

\n \n Review (max 1000 characters) *\n \n

setFormData({\n              ...formData,\n              review: e.target.value\n            })} placeholder=\"Share your thoughts on this DRiP piece...\" maxLength={1000} rows={6} className=\"w-full bg-gray-800/50 border border-gray-600 rounded-lg px-4 py-3 text-white placeholder-gray-500 focus:border-cyan-500 focus:outline-none resize-none\" required />\n              <div className=\"text-right text-sm text-gray-500 mt-1\">\n                {formData.review.length}/1000 characters\n              </div>\n            </div>\n            <div>\n              <label className=\"block text-sm font-medium text-gray-400 mb-2\">\n                Token Deposit Amount *\n              </label>\n              <input type=\"number\" step=\"0.000001\" value={formData.depositAmount} onChange={e => setFormData({\n              ...formData,\n              depositAmount: e.target.value\n            })} placeholder={config ? `Min: ${config.minDepositAmount}` : \"Enter amount\"} className=\"w-full bg-gray-800/50 border border-gray-600 rounded-lg px-4 py-3 text-white placeholder-gray-500 focus:border-cyan-500 focus:outline-none\" required />\n            </div>\n            <button type=\"submit\" disabled={loading} className=\"w-full bg-gradient-to-r from-cyan-500 to-blue-600 hover:from-cyan-600 hover:to-blue-700 disabled:from-gray-600 disabled:to-gray-700 text-white py-3 rounded-lg font-semibold transition-all duration-300 transform hover:scale-105 disabled:scale-100\">\n              {loading ? 'Submitting...' : 'Submit Entry'}\n            </button>\n          </div>\n        </div>\n      </form>\n    </div>;\n}\nfunction VotingSection({\n  currentSeason\n}) {\n  const {\n    devbaseClient,\n    userWallet\n  } = useDevapp();\n  const [votingOptions, setVotingOptions] = useState([]);\n  const [entries, setEntries] = useState([]);\n  const [hasVoted, setHasVoted] = useState(false);\n  const [loading, setLoading] = useState(false);\n  const [config, setConfig] = useState(null);\n  useEffect(() => {\n    if (currentSeason && userWallet) {\n      loadVotingPageData();\n      checkVoteStatus();\n      loadConfig();\n    }\n  }, [currentSeason, userWallet]);\n  const loadConfig = async () => {\n    try {\n      const configData = await devbaseClient.listEntities('seasonConfigs', {\n        seasonId: currentSeason.id\n      });\n      if (configData && configData.length > 0) {\n        setConfig(configData[0]);\n      }\n    } catch (error) {\n      console.error('Error loading config:', error);\n    }\n  };\n  const loadVotingPageData = async () => {\n    try {\n      const selectedEntries = await devbaseClient.listEntities('entries', {\n        seasonId: currentSeason.id,\n        status: 'selected'\n      });\n      if (!selectedEntries || selectedEntries.length === 0) {\n        setVotingOptions([]);\n        setEntries([]);\n        return;\n      }\n      const optionsWithCounts = await Promise.all(selectedEntries.map(async entry => {\n        const existingOptions = await devbaseClient.listEntities('votingOptions', {\n          seasonId: currentSeason.id,\n          entryId: entry.id\n        });\n        const existingOption = existingOptions?.[0];\n        const minVotesRequired = existingOption?.minVotesRequired || 10;\n        const votes = await devbaseClient.listEntities('votes', {\n          seasonId: currentSeason.id,\n          optionId: entry.id\n        });\n        return {\n          id: entry.id,\n          entryId: entry.id,\n          seasonId: currentSeason.id,\n          votesReceived: votes ? votes.length : 0,\n          minVotesRequired: minVotesRequired\n        };\n      }));\n      setVotingOptions(optionsWithCounts);\n      setEntries(selectedEntries);\n    } catch (error) {\n      console.error('Error loading voting data:', error);\n    }\n  };\n  const checkVoteStatus = async () => {\n    try {\n      const votes = await devbaseClient.listEntities('votes', {\n        seasonId: currentSeason.id,\n        userId: userWallet\n      });\n      setHasVoted(votes && votes.length > 0);\n    } catch (error) {\n      console.error('Error checking vote status:', error);\n    }\n  };\n  const handleVote = async optionId => {\n    if (!config) return;\n    setLoading(true);\n    try {\n      await devbaseClient.createEntity('votes', {\n        seasonId: currentSeason.id,\n        optionId: optionId\n      });\n      await updateUserLeaderboard(userWallet);\n      alert('Vote submitted successfully!');\n      setHasVoted(true);\n      loadVotingPageData();\n    } catch (error) {\n      console.error('Error submitting vote:', error);\n      alert('Error submitting vote. Please try again.');\n    } finally {\n      setLoading(false);\n    }\n  };\n  const updateUserLeaderboard = async userId => {\n    try {\n      const totalPoints = await devbaseClient.evalString(`$FUNC_UPDATE_USER_LEADERBOARD('${userId}')`);\n      const existingLeaderboard = await devbaseClient.listEntities('leaderboard', {\n        userId: userId\n      });\n      if (existingLeaderboard && existingLeaderboard.length > 0) {\n        await devbaseClient.updateEntity('leaderboard', existingLeaderboard[0].id, {\n          totalPoints: parseInt(totalPoints)\n        });\n      } else {\n        await devbaseClient.createEntity('leaderboard', {\n          userId: userId,\n          totalPoints: parseInt(totalPoints)\n        });\n      }\n    } catch (error) {\n      console.error('Error updating leaderboard:', error);\n    }\n  };\n  if (!currentSeason) {\n    return <div className=\"text-center py-12\">\n        <h2 className=\"text-2xl font-bold text-gray-400 mb-4\">No Active Season</h2>\n        <p className=\"text-gray-500\">Check back later for new seasons!</p>\n      </div>;\n  }\n  const winner = votingOptions.find(option => option.votesReceived >= option.minVotesRequired);\n  if (hasVoted || winner) {\n    return <div className=\"max-w-4xl mx-auto\">\n        <h2 className=\"text-3xl font-bold text-cyan-400 mb-8\">\n          {winner ? 'Voting Complete!' : 'Voting Leaderboard'}\n        </h2>\n      <div className=\"space-y-4\">\n          {votingOptions.map((option, index) => {\n          const entry = entries.find(e => e.id === option.entryId);\n          return <div key={option.id} className={`bg-black/30 backdrop-blur-lg rounded-xl p-6 border ${winner && option.id === winner.id ? 'border-green-500/50 bg-green-500/10' : 'border-cyan-500/20'}`}>\n              <div className=\"flex items-center justify-between mb-4\">\n                <div className=\"flex items-center space-x-4\">\n                  <div className=\"text-2xl font-bold text-gray-400\">#{index + 1}</div>\n                  <div>\n                    <h3 className=\"text-lg font-semibold text-gray-300\">\n                      {entry ? `Entry by ${entry.userId.slice(0, 8)}...` : `Option ${index + 1}`}\n                    </h3>\n                    <p className=\"text-sm text-gray-500\">Needs {option.minVotesRequired} votes to win</p>\n                  </div>\n                </div>\n                <div className=\"text-right\">\n                  <div className=\"text-2xl font-bold text-cyan-400\">{option.votesReceived}</div>\n                  <div className=\"text-sm text-gray-400\">votes</div>\n                  {winner && option.id === winner.id && <div className=\"text-green-400 font-semibold text-sm mt-1\">WINNER! 🏆</div>}\n                </div>\n              </div>\n              {entry && <div className=\"space-y-3 mb-4\">\n                  <div>\n                    <label className=\"text-sm text-gray-400\">DRiP URL:</label>\n                    <a href={entry.dripUrl} target=\"_blank\" rel=\"noopener noreferrer\" className=\"text-cyan-400 hover:text-cyan-300 flex items-center space-x-2 mt-1\">\n                      <span className=\"truncate\">{entry.dripUrl}</span>\n                      <ExternalLink className=\"w-4 h-4 flex-shrink-0\" />\n                    </a>\n                  </div>\n                  <div>\n                    <label className=\"text-sm text-gray-400\">Review:</label>\n                    <p className=\"text-gray-300 text-sm mt-1 bg-gray-800/50 p-3 rounded\">{entry.review}</p>\n                  </div>\n                  <div>\n                    <label className=\"text-sm text-gray-400\">Reviewer:</label>\n                    <p className=\"text-gray-300 font-mono text-sm mt-1\">{entry.userId}</p>\n                  </div>\n                </div>}\n              <div className=\"mt-4\">\n                <div className=\"bg-gray-700 rounded-full h-2\">\n                  <div className={`h-2 rounded-full transition-all duration-500 ${winner && option.id === winner.id ? 'bg-green-500' : 'bg-cyan-500'}`} style={{\n                  width: `${Math.min(option.votesReceived / option.minVotesRequired * 100, 100)}%`\n                }} />\n                </div>\n              </div>\n            </div>;\n        })}\n        </div>\n      </div>;\n  }\n  return <div className=\"max-w-4xl mx-auto\">\n      <h2 className=\"text-3xl font-bold text-cyan-400 mb-8\">Vote for {currentSeason.name}</h2>\n      {config && <div className=\"bg-blue-500/10 border border-blue-500/20 rounded-lg p-4 mb-8\">\n          <h3 className=\"text-lg font-semibold text-blue-400 mb-2\">Voting Requirements</h3>\n          <ul className=\"text-blue-300 text-sm space-y-1\">\n            <li>• Token CA: {config.tokenCA}</li>\n            <li>• Minimum token threshold: {config.voteTokenThreshold} tokens</li>\n            <li>• One vote per wallet per season</li>\n          </ul>\n        </div>}\n    <div className=\"space-y-6\">\n        {votingOptions.map((option, index) => {\n        const entry = entries.find(e => e.id === option.entryId);\n        return <div key={option.id} className=\"bg-black/30 backdrop-blur-lg rounded-xl p-6 border border-cyan-500/20\">\n            <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n              <div className=\"lg:col-span-2\">\n                <h3 className=\"text-xl font-semibold text-gray-300 mb-4\">Option {index + 1}</h3>\n                \n                {entry && <div className=\"space-y-3\">\n                    <div>\n                      <label className=\"text-sm text-gray-400\">DRiP URL:</label>\n                      <a href={entry.dripUrl} target=\"_blank\" rel=\"noopener noreferrer\" className=\"text-cyan-400 hover:text-cyan-300 flex items-center space-x-2 mt-1\">\n                        <span className=\"truncate\">{entry.dripUrl}</span>\n                        <ExternalLink className=\"w-4 h-4 flex-shrink-0\" />\n                      </a>\n                    </div>\n                    <div>\n                      <label className=\"text-sm text-gray-400\">Review:</label>\n                      <p className=\"text-gray-300 text-sm mt-1 bg-gray-800/50 p-3 rounded\">{entry.review}</p>\n                    </div>\n                    <div>\n                      <label className=\"text-sm text-gray-400\">Reviewer:</label>\n                      <p className=\"text-gray-300 font-mono text-sm mt-1\">{entry.userId}</p>\n                    </div>\n                  </div>}\n              </div>\n              <div className=\"flex flex-col justify-center space-y-4\">\n                <div className=\"text-center\">\n                  <div className=\"text-2xl font-bold text-cyan-400\">{option.votesReceived}</div>\n                  <div className=\"text-sm text-gray-400\">votes</div>\n                  <div className=\"text-sm text-gray-500 mt-1\">\n                    {option.minVotesRequired} needed to win\n                  </div>\n                </div>\n                <button onClick={() => handleVote(option.id)} disabled={loading} className=\"bg-gradient-to-r from-cyan-500 to-blue-600 hover:from-cyan-600 hover:to-blue-700 disabled:from-gray-600 disabled:to-gray-700 text-white px-6 py-3 rounded-lg font-semibold transition-all duration-300 transform hover:scale-105 disabled:scale-100\">\n                  {loading ? 'Voting...' : 'Vote'}\n                </button>\n              </div>\n            </div>\n          </div>;\n      })}\n      </div>\n    </div>;\n}\nfunction Leaderboard() {\n  const {\n    devbaseClient\n  } = useDevapp();\n  const [leaderboard, setLeaderboard] = useState([]);\n  const [loading, setLoading] = useState(true);\n  useEffect(() => {\n    loadLeaderboard();\n  }, []);\n  const loadLeaderboard = async () => {\n    try {\n      const data = await devbaseClient.listEntities('leaderboard');\n      const sortedData = (data || []).sort((a, b) => b.totalPoints - a.totalPoints);\n      setLeaderboard(sortedData);\n    } catch (error) {\n      console.error('Error loading leaderboard:', error);\n    } finally {\n      setLoading(false);\n    }\n  };\n  if (loading) {\n    return <div className=\"text-center py-12\">\n        <div className=\"animate-pulse text-cyan-400 text-xl\">Loading leaderboard...</div>\n      </div>;\n  }\n  return <div className=\"max-w-4xl mx-auto\">\n      <h2 className=\"text-3xl font-bold text-cyan-400 mb-8\">Global Leaderboard</h2>\n      <div className=\"bg-black/30 backdrop-blur-lg rounded-xl border border-cyan-500/20 overflow-hidden\">\n        <div className=\"bg-gray-800/50 px-6 py-4 border-b border-gray-600\">\n          <div className=\"grid grid-cols-12 gap-4 font-semibold text-gray-300\">\n            <div className=\"col-span-1\">Rank</div>\n            <div className=\"col-span-8\">Wallet</div>\n            <div className=\"col-span-3 text-right\">Points</div>\n          </div>\n        </div>\n        <div className=\"divide-y divide-gray-700\">\n          {leaderboard.map((entry, index) => <div key={entry.userId} className=\"px-6 py-4 hover:bg-gray-800/30 transition-colors\">\n              <div className=\"grid grid-cols-12 gap-4 items-center\">\n                <div className=\"col-span-1\">\n                  <div className={`flex items-center justify-center w-8 h-8 rounded-full font-bold ${index === 0 ? 'bg-yellow-500 text-black' : index === 1 ? 'bg-gray-400 text-black' : index === 2 ? 'bg-orange-600 text-white' : 'bg-gray-600 text-gray-300'}`}>\n                    {index < 3 ? ['🥇', '🥈', '🥉'][index] : index + 1}\n                  </div>\n                </div>\n                <div className=\"col-span-8\">\n                  <span className=\"text-gray-300 font-mono\">\n                    {entry.userId.slice(0, 6)}...{entry.userId.slice(-4)}\n                  </span>\n                </div>\n                <div className=\"col-span-3 text-right\">\n                  <span className=\"text-cyan-400 font-bold text-lg\">\n                    {entry.totalPoints}\n                  </span>\n                </div>\n              </div>\n            </div>)}\n        </div>\n        {leaderboard.length === 0 && <div className=\"px-6 py-12 text-center text-gray-500\">\n            No entries yet. Be the first to submit a review!\n          </div>}\n      </div>\n      <div className=\"mt-8 bg-blue-500/10 border border-blue-500/20 rounded-lg p-4\">\n        <h3 className=\"text-lg font-semibold text-blue-400 mb-2\">Point System</h3>\n        <ul className=\"text-blue-300 text-sm space-y-1\">\n          <li>• 50 points for each successful entry submission</li>\n          <li>• 5 points for each vote submitted</li>\n          <li>• Bonus points awarded by admins for quality entries</li>\n        </ul>\n      </div>\n    </div>;\n}\nfunction AdminPanel({\n  currentSeason,\n  setCurrentSeason,\n  seasons,\n  setSeasons\n}) {\n  const [activeTab, setActiveTab] = useState('seasons');\n  return <div className=\"max-w-6xl mx-auto\">\n      <h2 className=\"text-3xl font-bold text-cyan-400 mb-8\">Admin Panel</h2>\n      <div className=\"bg-black/30 backdrop-blur-lg rounded-xl border border-cyan-500/20\">\n        <div className=\"border-b border-gray-600\">\n          <nav className=\"flex space-x-8 px-6\">\n            {[{\n            id: 'seasons',\n            label: 'Seasons'\n          }, {\n            id: 'entries',\n            label: 'Entries'\n          }, {\n            id: 'voting',\n            label: 'Voting'\n          }, {\n            id: 'config',\n            label: 'Config'\n          }].map(tab => <button key={tab.id} onClick={() => setActiveTab(tab.id)} className={`py-4 px-2 border-b-2 font-medium text-sm transition-colors ${activeTab === tab.id ? 'border-cyan-500 text-cyan-400' : 'border-transparent text-gray-400 hover:text-gray-300'}`}>\n                {tab.label}\n              </button>)}\n          </nav>\n        </div>\n        <div className=\"p-6\">\n          {activeTab === 'seasons' && <AdminSeasons currentSeason={currentSeason} setCurrentSeason={setCurrentSeason} seasons={seasons} setSeasons={setSeasons} />}\n          {activeTab === 'entries' && <AdminEntries currentSeason={currentSeason} />}\n          {activeTab === 'voting' && <AdminVoting currentSeason={currentSeason} />}\n          {activeTab === 'config' && <AdminConfig currentSeason={currentSeason} />}\n        </div>\n      </div>\n    </div>;\n}\nfunction AdminSeasons({\n  currentSeason,\n  setCurrentSeason,\n  seasons,\n  setSeasons\n}) {\n  const {\n    devbaseClient\n  } = useDevapp();\n  const [newSeasonName, setNewSeasonName] = useState('');\n  const [newSeasonDescription, setNewSeasonDescription] = useState('');\n  const [editingSeason, setEditingSeason] = useState(null);\n  const [loading, setLoading] = useState(false);\n  const createSeason = async e => {\n    e.preventDefault();\n    if (!newSeasonName.trim()) return;\n    setLoading(true);\n    try {\n      const newSeason = await devbaseClient.createEntity('seasons', {\n        name: newSeasonName.trim(),\n        status: 'archived',\n        description: newSeasonDescription.trim()\n      });\n      await devbaseClient.createEntity('seasonConfigs', {\n        seasonId: newSeason.id,\n        tokenCA: 'EPjFWdd5AufqSSqeM2qN1xzybapC8G4wEGGkZwyTDt1v',\n        minDepositAmount: 1,\n        maxEntries: 100,\n        voteTokenThreshold: 1\n      });\n      setSeasons([...seasons, newSeason]);\n      setNewSeasonName('');\n      setNewSeasonDescription('');\n      alert('Season created successfully!');\n    } catch (error) {\n      console.error('Error creating season:', error);\n      alert('Error creating season');\n    } finally {\n      setLoading(false);\n    }\n  };\n  const updateSeasonDescription = async (seasonId, description) => {\n    setLoading(true);\n    try {\n      await devbaseClient.updateEntity('seasons', seasonId, {\n        description: description\n      });\n      const updatedSeasons = seasons.map(season => season.id === seasonId ? {\n        ...season,\n        description\n      } : season);\n      setSeasons(updatedSeasons);\n      const updatedCurrentSeason = updatedSeasons.find(s => s.id === currentSeason?.id);\n      if (updatedCurrentSeason) {\n        setCurrentSeason(updatedCurrentSeason);\n      }\n      setEditingSeason(null);\n      alert('Season description updated!');\n    } catch (error) {\n      console.error('Error updating season description:', error);\n      alert('Error updating season description');\n    } finally {\n      setLoading(false);\n    }\n  };\n  const updateSeasonStatus = async (seasonId, newStatus) => {\n    setLoading(true);\n    try {\n      if (newStatus === 'live') {\n        const updates = seasons.map(season => devbaseClient.updateEntity('seasons', season.id, {\n          status: season.id === seasonId ? 'live' : 'archived'\n        }));\n        await Promise.all(updates);\n      } else {\n        await devbaseClient.updateEntity('seasons', seasonId, {\n          status: newStatus\n        });\n      }\n      const updatedSeasons = seasons.map(season => ({\n        ...season,\n        status: newStatus === 'live' ? season.id === seasonId ? 'live' : 'archived' : season.id === seasonId ? newStatus : season.status\n      }));\n      setSeasons(updatedSeasons);\n      const updatedCurrentSeason = updatedSeasons.find(s => s.id === currentSeason?.id);\n      if (updatedCurrentSeason) {\n        setCurrentSeason(updatedCurrentSeason);\n      }\n      alert('Season status updated!');\n    } catch (error) {\n      console.error('Error updating season:', error);\n      alert('Error updating season');\n    } finally {\n      setLoading(false);\n    }\n  };\n  return <div className=\"space-y-6\">\n      <form onSubmit={createSeason} className=\"space-y-4\">\n        <div className=\"flex space-x-4\">\n          <input type=\"text\" value={newSeasonName} onChange={e => setNewSeasonName(e.target.value)} placeholder=\"New season name\" className=\"flex-1 bg-gray-800/50 border border-gray-600 rounded-lg px-4 py-2 text-white placeholder-gray-500 focus:border-cyan-500 focus:outline-none\" required />\n          <button type=\"submit\" disabled={loading} className=\"bg-cyan-500 hover:bg-cyan-600 disabled:bg-gray-600 text-white px-6 py-2 rounded-lg font-semibold transition-colors\">\n            {loading ? 'Creating...' : 'Create Season'}\n          </button>\n        </div>\n        <textarea value={newSeasonDescription} onChange={e => setNewSeasonDescription(e.target.value)} placeholder=\"Season description (optional, max 1000 characters)\" maxLength={1000} rows={3} className=\"w-full bg-gray-800/50 border border-gray-600 rounded-lg px-4 py-2 text-white placeholder-gray-500 focus:border-cyan-500 focus:outline-none resize-none\" />\n        <div className=\"text-right text-sm text-gray-500\">\n          {newSeasonDescription.length}/1000 characters\n        </div>\n      </form>\n      <div className=\"space-y-4\">\n        {seasons.map(season => <div key={season.id} className=\"bg-gray-800/30 p-4 rounded-lg\">\n            <div className=\"flex items-start justify-between mb-4\">\n              <div className=\"flex-1\">\n                <h3 className=\"text-lg font-semibold text-gray-300\">{season.name}</h3>\n                <p className=\"text-sm text-gray-500\">Status: {season.status}</p>\n                {season.description && <p className=\"text-sm text-gray-400 mt-2 leading-relaxed\">{season.description}</p>}\n              </div>\n              <div className=\"flex space-x-2\">\n                <button onClick={() => setEditingSeason(editingSeason === season.id ? null : season.id)} disabled={loading} className=\"bg-blue-500 hover:bg-blue-600 disabled:bg-gray-600 text-white px-3 py-1 rounded text-sm font-semibold transition-colors\">\n                  {editingSeason === season.id ? 'Cancel' : 'Edit Desc'}\n                </button>\n                <button onClick={() => updateSeasonStatus(season.id, 'live')} disabled={season.status === 'live' || loading} className=\"bg-green-500 hover:bg-green-600 disabled:bg-gray-600 text-white px-4 py-2 rounded font-semibold text-sm transition-colors\">\n                  {season.status === 'live' ? 'Live' : 'Set Live'}\n                </button>\n                <button onClick={() => updateSeasonStatus(season.id, 'archived')} disabled={season.status === 'archived' || loading} className=\"bg-gray-500 hover:bg-gray-600 disabled:bg-gray-600 text-white px-4 py-2 rounded font-semibold text-sm transition-colors\">\n                  {season.status === 'archived' ? 'Archived' : 'Archive'}\n                </button>\n              </div>\n            </div>\n            {editingSeason === season.id && <div className=\"space-y-3\">\n                <textarea defaultValue={season.description || ''} placeholder=\"Season description (max 1000 characters)\" maxLength={1000} rows={4} className=\"w-full bg-gray-700/50 border border-gray-600 rounded-lg px-4 py-2 text-white placeholder-gray-500 focus:border-cyan-500 focus:outline-none resize-none\" onKeyDown={e => {\n            if (e.key === 'Enter' && e.ctrlKey) {\n              updateSeasonDescription(season.id, e.target.value);\n            }\n          }} />\n                <div className=\"flex justify-between items-center\">\n                  <span className=\"text-sm text-gray-500\">Press Ctrl+Enter to save</span>\n                  <button onClick={e => {\n              const textarea = e.target.parentElement.parentElement.querySelector('textarea');\n              updateSeasonDescription(season.id, textarea.value);\n            }} disabled={loading} className=\"bg-cyan-500 hover:bg-cyan-600 disabled:bg-gray-600 text-white px-4 py-2 rounded text-sm font-semibold transition-colors\">\n                    {loading ? 'Saving...' : 'Save Description'}\n                  </button>\n                </div>\n              </div>}\n          </div>)}\n      </div>\n    </div>;\n}\nfunction AdminEntries({\n  currentSeason\n}) {\n  const {\n    devbaseClient\n  } = useDevapp();\n  const [entries, setEntries] = useState([]);\n  const [loading, setLoading] = useState(false);\n  useEffect(() => {\n    if (currentSeason) {\n      loadEntries();\n    }\n  }, [currentSeason]);\n  const loadEntries = async () => {\n    try {\n      const data = await devbaseClient.listEntities('entries', {\n        seasonId: currentSeason.id\n      });\n      setEntries(data || []);\n    } catch (error) {\n      console.error('Error loading entries:', error);\n    }\n  };\n  const updateEntryStatus = async (entryId, status) => {\n    setLoading(true);\n    try {\n      await devbaseClient.updateEntity('entries', entryId, {\n        status\n      });\n      setEntries(entries.map(entry => entry.id === entryId ? {\n        ...entry,\n        status\n      } : entry));\n      const entry = entries.find(e => e.id === entryId);\n      if (entry) {\n        await updateUserLeaderboard(entry.userId);\n      }\n      alert('Entry status updated!');\n    } catch (error) {\n      console.error('Error updating entry:', error);\n      alert('Error updating entry');\n    } finally {\n      setLoading(false);\n    }\n  };\n  const awardPoints = async (entryId, points) => {\n    const pointsNum = parseInt(points);\n    if (isNaN(pointsNum) || pointsNum <= 0) return;\n    setLoading(true);\n    try {\n      await devbaseClient.updateEntity('entries', entryId, {\n        pointsAwarded: pointsNum\n      });\n      setEntries(entries.map(entry => entry.id === entryId ? {\n        ...entry,\n        pointsAwarded: pointsNum\n      } : entry));\n      const entry = entries.find(e => e.id === entryId);\n      if (entry) {\n        await updateUserLeaderboard(entry.userId);\n      }\n      alert('Points awarded!');\n    } catch (error) {\n      console.error('Error awarding points:', error);\n      alert('Error awarding points');\n    } finally {\n      setLoading(false);\n    }\n  };\n  const updateUserLeaderboard = async userId => {\n    try {\n      const totalPoints = await devbaseClient.evalString(`$FUNC_UPDATE_USER_LEADERBOARD('${userId}')`);\n      const existingLeaderboard = await devbaseClient.listEntities('leaderboard', {\n        userId: userId\n      });\n      if (existingLeaderboard && existingLeaderboard.length > 0) {\n        await devbaseClient.updateEntity('leaderboard', existingLeaderboard[0].id, {\n          totalPoints: parseInt(totalPoints)\n        });\n      } else {\n        await devbaseClient.createEntity('leaderboard', {\n          userId: userId,\n          totalPoints: parseInt(totalPoints)\n        });\n      }\n    } catch (error) {\n      console.error('Error updating leaderboard:', error);\n    }\n  };\n  if (!currentSeason) {\n    return <div className=\"text-gray-500\">Select a season to view entries</div>;\n  }\n  return <div className=\"space-y-6\">\n      <h3 className=\"text-xl font-semibold text-gray-300\">\n        Entries for {currentSeason.name} ({entries.length})\n      </h3>\n      <div className=\"space-y-4\">\n        {entries.map(entry => <div key={entry.id} className=\"bg-gray-800/30 p-6 rounded-lg\">\n            <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n              <div className=\"lg:col-span-2\">\n                <div className=\"space-y-3\">\n                  <div>\n                    <label className=\"text-sm text-gray-400\">Wallet:</label>\n                    <p className=\"text-gray-300 font-mono\">{entry.userId.slice(0, 20)}...</p>\n                  </div>\n                  <div>\n                    <label className=\"text-sm text-gray-400\">DRiP URL:</label>\n                    <a href={entry.dripUrl} target=\"_blank\" rel=\"noopener noreferrer\" className=\"text-cyan-400 hover:text-cyan-300 flex items-center space-x-2\">\n                      <span className=\"truncate\">{entry.dripUrl}</span>\n                      <ExternalLink className=\"w-4 h-4 flex-shrink-0\" />\n                    </a>\n                  </div>\n                  <div>\n                    <label className=\"text-sm text-gray-400\">Review:</label>\n                    <p className=\"text-gray-300 text-sm bg-gray-900/30 p-3 rounded\">{entry.review}</p>\n                  </div>\n                  <div className=\"flex space-x-4 text-sm\">\n                    <span className=\"text-gray-400\">Deposit: <span className=\"text-green-400\">{entry.depositAmount}</span></span>\n                    <span className=\"text-gray-400\">Status: <span className={`${entry.status === 'selected' ? 'text-green-400' : entry.status === 'rejected' ? 'text-red-400' : 'text-yellow-400'}`}>{entry.status}</span></span>\n                  </div>\n                </div>\n              </div>\n              <div className=\"space-y-3\">\n                <div className=\"flex space-x-2\">\n                  <button onClick={() => updateEntryStatus(entry.id, 'selected')} disabled={entry.status === 'selected' || loading} className=\"flex-1 bg-green-500 hover:bg-green-600 disabled:bg-gray-600 text-white px-3 py-2 rounded text-sm font-semibold transition-colors\">\n                    {entry.status === 'selected' ? 'Selected' : 'Select'}\n                  </button>\n                  <button onClick={() => updateEntryStatus(entry.id, 'rejected')} disabled={entry.status === 'rejected' || loading} className=\"flex-1 bg-red-500 hover:bg-red-600 disabled:bg-gray-600 text-white px-3 py-2 rounded text-sm font-semibold transition-colors\">\n                    {entry.status === 'rejected' ? 'Rejected' : 'Reject'}\n                  </button>\n                </div>\n                <div>\n                  {entry.pointsAwarded > 0 ? <div className=\"bg-yellow-500/20 text-yellow-400 px-3 py-2 rounded text-sm text-center\">\n                      {entry.pointsAwarded} points awarded\n                    </div> : <div className=\"flex space-x-2\">\n                      <input type=\"number\" placeholder=\"Points\" className=\"flex-1 bg-gray-700 border border-gray-600 rounded px-2 py-1 text-white text-sm\" onKeyPress={e => {\n                  if (e.key === 'Enter') {\n                    awardPoints(entry.id, e.target.value);\n                    e.target.value = '';\n                  }\n                }} />\n                      <button onClick={e => {\n                  const input = e.target.parentElement.querySelector('input');\n                  awardPoints(entry.id, input.value);\n                  input.value = '';\n                }} disabled={loading} className=\"bg-yellow-500 hover:bg-yellow-600 disabled:bg-gray-600 text-white px-3 py-1 rounded text-sm font-semibold transition-colors\">\n                        Award\n                      </button>\n                    </div>}\n                </div>\n              </div>\n            </div>\n          </div>)}\n      </div>\n      {entries.length === 0 && <div className=\"text-center py-8 text-gray-500\">\n          No entries submitted for this season yet.\n        </div>}\n    </div>;\n}\nfunction AdminVoting({\n  currentSeason\n}) {\n  const {\n    devbaseClient\n  } = useDevapp();\n  const [votingOptions, setVotingOptions] = useState([]);\n  const [selectedEntries, setSelectedEntries] = useState([]);\n  const [loading, setLoading] = useState(false);\n  useEffect(() => {\n    if (currentSeason) {\n      loadVotingOptions();\n      loadSelectedEntries();\n    }\n  }, [currentSeason]);\n  const loadVotingOptions = async () => {\n    try {\n      const data = await devbaseClient.listEntities('votingOptions', {\n        seasonId: currentSeason.id\n      });\n      const optionsWithCounts = await Promise.all((data || []).map(async option => {\n        const votes = await devbaseClient.listEntities('votes', {\n          seasonId: currentSeason.id,\n          optionId: option.id\n        });\n        return {\n          ...option,\n          votesReceived: votes ? votes.length : 0\n        };\n      }));\n      setVotingOptions(optionsWithCounts);\n    } catch (error) {\n      console.error('Error loading voting options:', error);\n    }\n  };\n  const loadSelectedEntries = async () => {\n    try {\n      const data = await devbaseClient.listEntities('entries', {\n        seasonId: currentSeason.id,\n        status: 'selected'\n      });\n      setSelectedEntries(data || []);\n    } catch (error) {\n      console.error('Error loading selected entries:', error);\n    }\n  };\n  const addVotingOption = async (entryId, minVotes) => {\n    const minVotesNum = parseInt(minVotes);\n    if (isNaN(minVotesNum) || minVotesNum <= 0) return;\n    setLoading(true);\n    try {\n      const newOption = await devbaseClient.createEntity('votingOptions', {\n        seasonId: currentSeason.id,\n        entryId: entryId,\n        votesReceived: 0,\n        minVotesRequired: minVotesNum\n      });\n      setVotingOptions([...votingOptions, {\n        ...newOption,\n        votesReceived: 0\n      }]);\n      alert('Voting option added!');\n    } catch (error) {\n      console.error('Error adding voting option:', error);\n      alert('Error adding voting option');\n    } finally {\n      setLoading(false);\n    }\n  };\n  const removeVotingOption = async optionId => {\n    if (!confirm('Are you sure you want to remove this voting option?')) return;\n    setLoading(true);\n    try {\n      await devbaseClient.deleteEntity('votingOptions', optionId);\n      setVotingOptions(votingOptions.filter(option => option.id !== optionId));\n      alert('Voting option removed!');\n    } catch (error) {\n      console.error('Error removing voting option:', error);\n      alert('Error removing voting option');\n    } finally {\n      setLoading(false);\n    }\n  };\n  if (!currentSeason) {\n    return <div className=\"text-gray-500\">Select a season to manage voting</div>;\n  }\n  return <div className=\"space-y-8\">\n      <div>\n        <h3 className=\"text-xl font-semibold text-gray-300 mb-4\">\n          Add Voting Options for {currentSeason.name}\n        </h3>\n        <div className=\"space-y-4\">\n          {selectedEntries.map(entry => {\n          const existingOption = votingOptions.find(option => option.entryId === entry.id);\n          return <div key={entry.id} className=\"bg-gray-800/30 p-4 rounded-lg\">\n                <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-4 items-center\">\n                  <div>\n                    <p className=\"text-sm text-gray-400\">Entry by {entry.userId.slice(0, 8)}...</p>\n                    <p className=\"text-gray-300 text-sm truncate\">{entry.review}</p>\n                  </div>\n                  <div>\n                    <a href={entry.dripUrl} target=\"_blank\" rel=\"noopener noreferrer\" className=\"text-cyan-400 hover:text-cyan-300 flex items-center space-x-2\">\n                      <span className=\"truncate text-sm\">{entry.dripUrl}</span>\n                      <ExternalLink className=\"w-4 h-4 flex-shrink-0\" />\n                    </a>\n                  </div>\n                  <div>\n                    {existingOption ? <div className=\"bg-green-500/20 text-green-400 px-3 py-2 rounded text-sm text-center\">\n                        Added to voting ({existingOption.votesReceived}/{existingOption.minVotesRequired})\n                      </div> : <div className=\"flex space-x-2\">\n                        <input type=\"number\" placeholder=\"Min votes\" className=\"flex-1 bg-gray-700 border border-gray-600 rounded px-2 py-1 text-white text-sm\" onKeyPress={e => {\n                    if (e.key === 'Enter') {\n                      addVotingOption(entry.id, e.target.value);\n                      e.target.value = '';\n                    }\n                  }} />\n                        <button onClick={e => {\n                    const input = e.target.parentElement.querySelector('input');\n                    addVotingOption(entry.id, input.value);\n                    input.value = '';\n                  }} disabled={loading} className=\"bg-cyan-500 hover:bg-cyan-600 disabled:bg-gray-600 text-white px-3 py-1 rounded text-sm font-semibold transition-colors\">\n                          Add\n                        </button>\n                      </div>}\n                  </div>\n                </div>\n              </div>;\n        })}\n        </div>\n        {selectedEntries.length === 0 && <div className=\"text-center py-8 text-gray-500\">\n            No selected entries available for voting. Select entries in the Entries tab first.\n          </div>}\n      </div>\n      <div>\n        <h3 className=\"text-xl font-semibold text-gray-300 mb-4\">\n          Current Voting Options ({votingOptions.length})\n        </h3>\n        <div className=\"space-y-4\">\n          {votingOptions.map(option => {\n          const entry = selectedEntries.find(e => e.id === option.entryId);\n          const isWinner = option.votesReceived >= option.minVotesRequired;\n          return <div key={option.id} className={`p-4 rounded-lg ${isWinner ? 'bg-green-500/10 border border-green-500/30' : 'bg-gray-800/30'}`}>\n                <div className=\"flex items-center justify-between\">\n                  <div className=\"flex-1\">\n                    <div className=\"flex items-center space-x-4 mb-2\">\n                      <span className=\"text-gray-400 text-sm\">Option ID: {option.id}</span>\n                      {isWinner && <span className=\"bg-green-500 text-white px-2 py-1 rounded text-xs font-bold\">WINNER</span>}\n                    </div>\n                    {entry && <div>\n                        <p className=\"text-gray-300 text-sm\">by {entry.userId.slice(0, 8)}...</p>\n                        <p className=\"text-gray-400 text-xs truncate\">{entry.review}</p>\n                      </div>}\n                    <div className=\"mt-2 text-sm\">\n                      <span className=\"text-cyan-400\">{option.votesReceived}</span>\n                      <span className=\"text-gray-400\"> / {option.minVotesRequired} votes</span>\n                    </div>\n                  </div>\n                  <button onClick={() => removeVotingOption(option.id)} disabled={loading} className=\"bg-red-500 hover:bg-red-600 disabled:bg-gray-600 text-white p-2 rounded transition-colors\">\n                    <Trash2 className=\"w-4 h-4\" />\n                  </button>\n                </div>\n              </div>;\n        })}\n        </div>\n        {votingOptions.length === 0 && <div className=\"text-center py-8 text-gray-500\">\n            No voting options created yet.\n          </div>}\n      </div>\n    </div>;\n}\nfunction AdminConfig({\n  currentSeason\n}) {\n  const {\n    devbaseClient\n  } = useDevapp();\n  const [config, setConfig] = useState(null);\n  const [footerConfig, setFooterConfig] = useState([]);\n  const [loading, setLoading] = useState(false);\n  useEffect(() => {\n    if (currentSeason) {\n      loadConfig();\n    }\n    loadFooterConfig();\n  }, [currentSeason]);\n  const loadConfig = async () => {\n    try {\n      const data = await devbaseClient.listEntities('seasonConfigs', {\n        seasonId: currentSeason.id\n      });\n      if (data && data.length > 0) {\n        setConfig(data[0]);\n      }\n    } catch (error) {\n      console.error('Error loading config:', error);\n    }\n  };\n  const loadFooterConfig = async () => {\n    try {\n      const data = await devbaseClient.listEntities('footerConfig');\n      setFooterConfig(data || []);\n    } catch (error) {\n      console.error('Error loading footer config:', error);\n    }\n  };\n  const updateConfig = async e => {\n    e.preventDefault();\n    if (!config || !currentSeason) return;\n    setLoading(true);\n    try {\n      await devbaseClient.updateEntity('seasonConfigs', config.id, config);\n      alert('Configuration updated!');\n    } catch (error) {\n      console.error('Error updating config:', error);\n      alert('Error updating configuration');\n    } finally {\n      setLoading(false);\n    }\n  };\n  const updateFooterConfig = async (index, field, value) => {\n    setLoading(true);\n    try {\n      const item = footerConfig[index];\n      if (item) {\n        await devbaseClient.updateEntity('footerConfig', item.id, {\n          ...item,\n          [field]: value\n        });\n      } else {\n        await devbaseClient.createEntity('footerConfig', {\n          label: '',\n          url: '',\n          [field]: value\n        });\n      }\n      loadFooterConfig();\n      window.dispatchEvent(new CustomEvent('footerConfigUpdated'));\n    } catch (error) {\n      console.error('Error updating footer config:', error);\n      alert('Error updating footer configuration');\n    } finally {\n      setLoading(false);\n    }\n  };\n  return <div className=\"space-y-8\">\n      {currentSeason && <div>\n          <h3 className=\"text-xl font-semibold text-gray-300 mb-4\">\n            Season Configuration - {currentSeason.name}\n          </h3>\n          {config && <form onSubmit={updateConfig} className=\"space-y-4\">\n              <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                <div>\n                  <label className=\"block text-sm font-medium text-gray-400 mb-2\">\n                    Token Contract Address\n                  </label>\n                  <input type=\"text\" value={config.tokenCA} onChange={e => setConfig({\n              ...config,\n              tokenCA: e.target.value\n            })} className=\"w-full bg-gray-800/50 border border-gray-600 rounded-lg px-4 py-2 text-white placeholder-gray-500 focus:border-cyan-500 focus:outline-none\" required />\n                </div>\n                <div>\n                  <label className=\"block text-sm font-medium text-gray-400 mb-2\">\n                    Minimum Deposit Amount\n                  </label>\n                  <input type=\"number\" step=\"0.000001\" value={config.minDepositAmount} onChange={e => setConfig({\n              ...config,\n              minDepositAmount: parseFloat(e.target.value)\n            })} className=\"w-full bg-gray-800/50 border border-gray-600 rounded-lg px-4 py-2 text-white placeholder-gray-500 focus:border-cyan-500 focus:outline-none\" required />\n                </div>\n                <div>\n                  <label className=\"block text-sm font-medium text-gray-400 mb-2\">\n                    Maximum Entries\n                  </label>\n                  <input type=\"number\" value={config.maxEntries} onChange={e => setConfig({\n              ...config,\n              maxEntries: parseInt(e.target.value)\n            })} className=\"w-full bg-gray-800/50 border border-gray-600 rounded-lg px-4 py-2 text-white placeholder-gray-500 focus:border-cyan-500 focus:outline-none\" required />\n                </div>\n                <div>\n                  <label className=\"block text-sm font-medium text-gray-400 mb-2\">\n                    Vote Token Threshold\n                  </label>\n                  <input type=\"number\" step=\"0.000001\" value={config.voteTokenThreshold} onChange={e => setConfig({\n              ...config,\n              voteTokenThreshold: parseFloat(e.target.value)\n            })} className=\"w-full bg-gray-800/50 border border-gray-600 rounded-lg px-4 py-2 text-white placeholder-gray-500 focus:border-cyan-500 focus:outline-none\" required />\n                </div>\n              </div>\n              <button type=\"submit\" disabled={loading} className=\"bg-cyan-500 hover:bg-cyan-600 disabled:bg-gray-600 text-white px-6 py-2 rounded-lg font-semibold transition-colors\">\n                {loading ? 'Updating...' : 'Update Configuration'}\n              </button>\n            </form>}\n        </div>}\n      <div>\n        <h3 className=\"text-xl font-semibold text-gray-300 mb-4\">Footer Configuration</h3>\n        <div className=\"space-y-4\">\n          {[0, 1, 2, 3].map(index => {\n          const item = footerConfig[index] || {\n            label: '',\n            url: ''\n          };\n          return <div key={index} className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                <div>\n                  <label className=\"block text-sm font-medium text-gray-400 mb-2\">\n                    Label {index + 1}\n                  </label>\n                  <input type=\"text\" value={item.label} onChange={e => updateFooterConfig(index, 'label', e.target.value)} placeholder={`Footer link ${index + 1} label`} className=\"w-full bg-gray-800/50 border border-gray-600 rounded-lg px-4 py-2 text-white placeholder-gray-500 focus:border-cyan-500 focus:outline-none\" />\n                </div>\n                <div>\n                  <label className=\"block text-sm font-medium text-gray-400 mb-2\">\n                    URL {index + 1}\n                  </label>\n                  <input type=\"url\" value={item.url} onChange={e => updateFooterConfig(index, 'url', e.target.value)} placeholder={`Footer link ${index + 1} URL`} className=\"w-full bg-gray-800/50 border border-gray-600 rounded-lg px-4 py-2 text-white placeholder-gray-500 focus:border-cyan-500 focus:outline-none\" />\n                </div>\n              </div>;\n        })}\n        </div>\n      </div>\n    </div>;\n}\nfunction Footer() {\n  const {\n    devbaseClient\n  } = useDevapp();\n  const [footerConfig, setFooterConfig] = useState([]);\n  useEffect(() => {\n    loadFooterConfig();\n    const handleFooterUpdate = () => {\n      loadFooterConfig();\n    };\n    window.addEventListener('footerConfigUpdated', handleFooterUpdate);\n    return () => {\n      window.removeEventListener('footerConfigUpdated', handleFooterUpdate);\n    };\n  }, []);\n  const loadFooterConfig = async () => {\n    try {\n      const data = await devbaseClient.listEntities('footerConfig');\n      setFooterConfig(data || []);\n    } catch (error) {\n      console.error('Error loading footer config:', error);\n    }\n  };\n  const defaultLinks = [{\n    label: 'Bulb',\n    url: 'https://www.bulbapp.io/t/700b6eb0-e07d-4032-9248-8b4c84f46bf9'\n  }, {\n    label: 'X',\n    url: 'https://x.com/core_explorer'\n  }, {\n    label: 'Instagram',\n    url: 'https://www.instagram.com/sociallyartful/'\n  }, {\n    label: 'WTAKOLS on jpegs.fun',\n    url: 'https://jpegs.fun/collections/5r1VCv5QKGQiAH5JV7PCMFJY7Xpzb6j61P76KWzWsqC3'\n  }];\n  const links = footerConfig.length > 0 ? footerConfig : defaultLinks;\n  return <footer className=\"bg-black/40 backdrop-blur-lg border-t border-cyan-500/20 mt-16\">\n      <div className=\"container mx-auto px-4 py-8\">\n        <div className=\"grid grid-cols-2 md:grid-cols-4 gap-6\">\n          {links.map((link, index) => link.label && link.url && <a key={index} href={link.url} target=\"_blank\" rel=\"noopener noreferrer\" className=\"text-gray-400 hover:text-cyan-400 transition-colors text-sm\">\n                {link.label}\n              </a>)}\n        </div>\n        <div className=\"mt-8 pt-6 border-t border-gray-700 text-center\">\n          <p className=\"text-gray-500 text-sm\">\n            © 2025 DripAdvisor. A liquid-smooth community voting platform.\n          </p>\n        </div>\n      </div>\n    </footer>;\n}\nexport default function AppWithProvider() {\n  return <DevappProvider rpcEndpoint=\"https://rpc.dev.fun/ce6785aacc569f974ae4\" devbaseEndpoint=\"https://devbase.dev.fun\" appId=\"ce6785aacc569f974ae4\">\n      <App />\n    </DevappProvider>;\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"lucide-react\":\"0.441.0\",\"@devfunlabs/web-sdk\":\"0.5.6\",\"@solana/wallet-adapter-base\":\"0.9.23\",\"@solana/wallet-adapter-react\":\"0.15.35\",\"@solana/wallet-adapter-react-ui\":\"0.9.35\",\"@solana/wallet-adapter-wallets\":\"0.19.32\",\"@solana/web3.js\":\"1.95.3\"}}","appFunctions",[79,87,93,99,105],{"_14":80,"_35":81,"_37":82,"_20":83,"_84":85,"_86":40},["B","20995"],["D",1757481635537],["D",1757481635537],"$FUNC_CAN_SUBMIT_ENTRY","body","async function $FUNC_CAN_SUBMIT_ENTRY(seasonId) {\n      const existingEntry = await $ENTITY('entries').exists({ seasonId: seasonId, userId: $USER_ID });\n      if (existingEntry) return false;\n      \n      const configs = await $ENTITY('seasonConfigs').list({ seasonId: seasonId });\n      if (!configs || configs.length === 0) return false;\n      \n      const config = configs[0];\n      const totalEntries = await $ENTITY('entries').count({ seasonId: seasonId });\n      return totalEntries < config.maxEntries;\n    }","commitId",{"_14":88,"_35":89,"_37":90,"_20":91,"_84":92,"_86":40},["B","20996"],["D",1757481635541],["D",1757481635541],"$FUNC_CAN_VOTE","async function $FUNC_CAN_VOTE(seasonId) {\n      const existingVote = await $ENTITY('votes').exists({ seasonId: seasonId, userId: $USER_ID });\n      if (existingVote) return false;\n      \n      const configs = await $ENTITY('seasonConfigs').list({ seasonId: seasonId });\n      if (!configs || configs.length === 0) return false;\n      \n      return true;\n    }",{"_14":94,"_35":95,"_37":96,"_20":97,"_84":98,"_86":40},["B","20997"],["D",1757481635543],["D",1757481635543],"$FUNC_GET_SEASON_TOKEN_CA","async function $FUNC_GET_SEASON_TOKEN_CA(seasonId) {\n      const configs = await $ENTITY('seasonConfigs').list({ seasonId: seasonId });\n      if (!configs || configs.length === 0) return '$TOKEN_SOL';\n      return configs[0].tokenCA;\n    }",{"_14":100,"_35":101,"_37":102,"_20":103,"_84":104,"_86":40},["B","20998"],["D",1757481635544],["D",1757481635544],"$FUNC_UPDATE_LEADERBOARD","async function $FUNC_UPDATE_LEADERBOARD() {\n      const existingLeaderboard = await $ENTITY('leaderboard').exists({ userId: $USER_ID });\n      return !existingLeaderboard;\n    }",{"_14":106,"_35":107,"_37":108,"_20":109,"_84":110,"_86":40},["B","20999"],["D",1757481635546],["D",1757481635546],"$FUNC_UPDATE_USER_LEADERBOARD","async function $FUNC_UPDATE_USER_LEADERBOARD(userId) {\n      const entries = await $ENTITY('entries').list({ userId: userId });\n      const votes = await $ENTITY('votes').list({ userId: userId });\n      \n      let totalPoints = 0;\n      \n      // 50 points for each entry submission\n      totalPoints += entries.length * 50;\n      \n      // Additional points for selected entries\n      const selectedEntries = entries.filter(entry => entry.status === 'selected');\n      totalPoints += selectedEntries.length * 100;\n      \n      // Bonus points awarded by admins\n      for (const entry of entries) {\n        if (entry.pointsAwarded) {\n          totalPoints += entry.pointsAwarded;\n        }\n      }\n      \n      // 5 points for each vote cast\n      totalPoints += votes.length * 5;\n      \n      return totalPoints;\n    }","token","upstreamApp","isLordOfDev","isExternalApp","analytics",[117,121,123,125,127,129,131,133,135,137,139,141,143,145],{"_118":119,"_120":60},"day","2025-10-15","runCount",{"_118":122,"_120":60},"2025-10-16",{"_118":124,"_120":60},"2025-10-17",{"_118":126,"_120":60},"2025-10-18",{"_118":128,"_120":60},"2025-10-19",{"_118":130,"_120":60},"2025-10-20",{"_118":132,"_120":60},"2025-10-21",{"_118":134,"_120":60},"2025-10-22",{"_118":136,"_120":60},"2025-10-23",{"_118":138,"_120":60},"2025-10-24",{"_118":140,"_120":60},"2025-10-25",{"_118":142,"_120":60},"2025-10-26",{"_118":144,"_120":60},"2025-10-27",{"_118":146,"_120":60},"2025-10-28","snapshot","ogImage","https://cdn.dev.fun/og/image/ce6785aacc569f974ae4/540f5df0.webp","isDevbase","project",{"_14":19,"_153":-5,"_20":154,"_155":-5,"_22":-5},"image","project-vots8","oneliner","commitDetail","livestream","actionData","errors"]
</article></body></html>