Add StarMine Command Deck UI (React), styles and preview HTML#1
Add StarMine Command Deck UI (React), styles and preview HTML#1jayCryptoJay wants to merge 1 commit into
Conversation
There was a problem hiding this comment.
💡 Codex Review
Here are some automated review suggestions for this pull request.
Reviewed commit: 7b2a045513
ℹ️ About Codex in GitHub
Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you
- Open a pull request for review
- Mark a draft as ready
- Comment "@codex review".
If Codex has suggestions, it will comment; otherwise it will react with 👍.
Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".
| import { Button } from './components/ui/button'; | ||
| import { Card, CardContent, CardHeader, CardTitle } from './components/ui/card'; | ||
| import { Progress } from './components/ui/progress'; | ||
| import { Tabs, TabsContent, TabsList, TabsTrigger } from './components/ui/tabs'; |
There was a problem hiding this comment.
Add missing UI component modules before shipping App.jsx
App.jsx imports ./components/ui/button, card, progress, and tabs, but this commit does not add those modules anywhere under starmine_backend/src/static, so a normal React build will fail to resolve these imports and the new UI cannot compile. Please include these component files (or switch to existing local components) in the same change.
Useful? React with 👍 / 👎.
| setGameTimer((prev) => { | ||
| if (prev <= 1) { | ||
| finishMiniGame(); |
There was a problem hiding this comment.
Use current tap score when mini-game timer expires
The mini-game interval effect only depends on gameLive, so the finishMiniGame callback captured by this interval is the one from round start (when tapScore is reset). When the timer reaches zero, rewards, quest progress, and best-score updates are computed from that stale score instead of the actual final score. This causes incorrect payouts for every round.
Useful? React with 👍 / 👎.
Motivation
Description
src/static/App.jsximplementing the full React UI with mining sessions, timers, session yield accounting, upgrade/power-up purchases, daily quests, achievements, an activity feed, and a 20s "Stellar Tap" mini-game, plus a small mock of the Telegram WebApp API for local preview.src/static/App.csswith themed styles and animations for the starfield, drill orb, panels, badges, buttons and achievement states.src/static/preview.htmlas a minimal standalone preview that mirrors core gameplay logic in plain JS/HTML to facilitate quick local checks of timers, events and the mini-game without bundling.Button,Card,Progress,Tabs) in the React component and wire up stateful effects (useEffect) for intervals, cosmic events, and game timers.Testing
Codex Task