Skip to content

fix: resolve JSX syntax error in PeriodicTable component#78

Open
KGFCH2 wants to merge 60 commits into
shwetap3000:mainfrom
KGFCH2:fix/jsx-syntax-error
Open

fix: resolve JSX syntax error in PeriodicTable component#78
KGFCH2 wants to merge 60 commits into
shwetap3000:mainfrom
KGFCH2:fix/jsx-syntax-error

Conversation

@KGFCH2
Copy link
Copy Markdown

@KGFCH2 KGFCH2 commented May 13, 2026

This PR fixes a critical build error introduced during the previous UI refactor.

@shwetap3000 you can close #77 issue after merging the PR.

KGFCH2 and others added 27 commits May 13, 2026 12:52
@KGFCH2 KGFCH2 force-pushed the fix/jsx-syntax-error branch from cde7b5e to 193b156 Compare May 18, 2026 16:28
@KGFCH2 KGFCH2 force-pushed the fix/jsx-syntax-error branch from 193b156 to 25ba2bc Compare May 18, 2026 19:03
KGFCH2 added 17 commits May 19, 2026 00:33
…with icons

- Replace all emojis with lucide-react icons:
  - FilterPanel: Replace ⚛️, 🔩, 💨, ⚡, ✨ with Atom, Zap, Wind, Droplet, Sparkles
  - QuizMode: Replace ⚗️ with Beaker, 🔥 with Flame, ✅❌ with CheckCircle/XCircle
  - App.js: Replace ⚗️ with Beaker icon

- Fix text visibility in both light and dark modes:
  - PeriodicTable.css: Change hardcoded text colors to use CSS variables
  - QuizMode.css: Update modal and all text to use theme variables
  - Trends.css: Convert hardcoded dark colors to use theme variables
  - CompareElements.css: Fix select and card styling for theme consistency
  - AssistantWindow and other components already use variables

- Ensure proper contrast ratios:
  - All text now respects light/dark theme via --text-color variable
  - Muted text uses --text-muted variable
  - Panel backgrounds use --panel-bg variable
  - Proper borders use --glass-border variable
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug] Syntax Error: Adjacent JSX elements must be wrapped in an enclosing tag

1 participant