1- "use client" ;
1+ "use client"
22
3- import { useState } from "react" ;
4- import { Tabs , TabsContent , TabsList , TabsTrigger } from "@/components/ui/tabs" ;
5- import type { PlanetStats } from "@/lib/planet-physics" ;
6- import { PhysicalTab } from "./Settings/physical-tab" ;
7- import { SurfaceTab } from "./Settings/surface-tab" ;
8- import { BiomeTab } from "./Settings/biome-tab" ;
9- import { LandmarksTab } from "./Settings/landmarks-tab" ;
10- import { ImportExportTab } from "./Settings/import-export-tab" ;
3+ import { useState } from "react"
4+ import { Tabs , TabsContent , TabsList , TabsTrigger } from "@/components/ui/tabs"
5+ import type { PlanetStats } from "@/lib/planet-physics"
6+ import { PhysicalTab } from "./Settings/physical-tab"
7+ import { SurfaceTab } from "./Settings/surface-tab"
8+ import { BiomeTab } from "./Settings/biome-tab"
9+ import { LandmarksTab } from "./Settings/landmarks-tab"
10+ import { ImportExportTab } from "./Settings/import-export-tab"
1111
1212interface SettingsPanelProps {
1313 planetStats : PlanetStats
@@ -31,51 +31,52 @@ export function SettingsPanel({
3131 } )
3232
3333 return (
34- < div className = "absolute top-0 left-0 bottom-0 w-96 bg-black /90 text-green-400 p-6 overflow-y-auto font-mono border-r border-green-500/30 " >
35- < h2 className = "text-2xl font-bold mb-6 tracking-wider border-b border-green-500/30 pb-2" > PLANET SETTINGS</ h2 >
34+ < div className = "absolute top-0 left-0 h-full w-96 bg-slate-800 /90 text-blue-100 p-6 overflow-y-auto font-mono border-r border-slate-600/60 " >
35+ < h2 className = "text-2xl font-bold mb-6 tracking-wider border-b border-slate-600/60 pb-2" > PLANET SETTINGS</ h2 >
3636
37- < div className = "mb-6 p-3 bg-black/60 border border-green-500/30 rounded-md" >
37+ { /* Hidden but not removed */ }
38+ < div className = "mb-6 p-3 bg-slate-700/60 border border-slate-600/60 rounded-md hidden" >
3839 < div className = "grid grid-cols-2 gap-2 text-sm" >
39- < div className = "text-green-500/70 " > CLASSIFICATION:</ div >
40+ < div className = "text-slate-400 " > CLASSIFICATION:</ div >
4041 < div > { classificationId } </ div >
41- < div className = "text-green-500/70 " > AUTHOR:</ div >
42+ < div className = "text-slate-400 " > AUTHOR:</ div >
4243 < div > { author } </ div >
4344 </ div >
4445 </ div >
4546
4647 < Tabs defaultValue = "physical" className = "space-y-6" >
47- < TabsList className = "grid w-full grid-cols-5 mb-6 bg-black border border-green-500/30" >
48- < TabsTrigger
49- value = "physical"
50- className = "data-[state=active]:bg-green-900/20 data-[state=active]:text-green-300"
51- >
48+ < TabsList className = "grid w-full grid-cols-4 mb-6 bg-slate-700 border border-slate-600" >
49+ < TabsTrigger value = "physical" className = "data-[state=active]:bg-cyan-800/40 data-[state=active]:text-cyan-50" >
5250 PHYSICAL
5351 </ TabsTrigger >
54- < TabsTrigger
55- value = "surface"
56- className = "data-[state=active]:bg-green-900/20 data-[state=active]:text-green-300"
57- >
52+ < TabsTrigger value = "surface" className = "data-[state=active]:bg-cyan-800/40 data-[state=active]:text-cyan-50" >
5853 SURFACE
5954 </ TabsTrigger >
60- < TabsTrigger value = "biome" className = "data-[state=active]:bg-green-900/20 data-[state=active]:text-green-300 " >
55+ < TabsTrigger value = "biome" className = "data-[state=active]:bg-cyan-800/40 data-[state=active]:text-cyan-50 " >
6156 BIOME
6257 </ TabsTrigger >
6358 < TabsTrigger
6459 value = "landmarks"
65- className = "data-[state=active]:bg-green-900/20 data-[state=active]:text-green-300 "
60+ className = "data-[state=active]:bg-cyan-800/40 data-[state=active]:text-cyan-50 "
6661 >
6762 LANDMARKS
6863 </ TabsTrigger >
69- < TabsTrigger
70- value = "import-export"
71- className = "data-[state=active]:bg-green-900/20 data-[state=active]:text-green-300"
72- >
73- I/O
74- </ TabsTrigger >
7564 </ TabsList >
7665
7766 < TabsContent value = "physical" >
7867 < PhysicalTab planetStats = { planetStats } setPlanetStats = { setPlanetStats } />
68+
69+ { /* Export section moved to Physical tab */ }
70+ < div className = "mt-6" >
71+ < ImportExportTab
72+ planetStats = { planetStats }
73+ setPlanetStats = { setPlanetStats }
74+ classificationId = { classificationId }
75+ author = { author }
76+ setSelectedBiome = { setSelectedBiome }
77+ setCustomColors = { setCustomColors }
78+ />
79+ </ div >
7980 </ TabsContent >
8081
8182 < TabsContent value = "surface" >
@@ -96,17 +97,6 @@ export function SettingsPanel({
9697 < TabsContent value = "landmarks" >
9798 < LandmarksTab planetStats = { planetStats } setPlanetStats = { setPlanetStats } />
9899 </ TabsContent >
99-
100- < TabsContent value = "import-export" >
101- < ImportExportTab
102- planetStats = { planetStats }
103- setPlanetStats = { setPlanetStats }
104- classificationId = { classificationId }
105- author = { author }
106- setSelectedBiome = { setSelectedBiome }
107- setCustomColors = { setCustomColors }
108- />
109- </ TabsContent >
110100 </ Tabs >
111101 </ div >
112102 )
0 commit comments