Skip to content

Commit e1a7d0f

Browse files
NiHaidenNiHaiden
committed
refactor download section and remove hwe and devmode isos
1 parent d187ae6 commit e1a7d0f

File tree

1 file changed

+44
-111
lines changed

1 file changed

+44
-111
lines changed

‎components/sections/download/download.tsx‎

Lines changed: 44 additions & 111 deletions
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,10 @@ export default function DownloadAurora({
3131
console.log(imageName);
3232
const t = useTranslations("Download-Component");
3333
return (
34-
<div ref={downloadRef} className={"flex items-center justify-center gap-5 h-dvh"}>
34+
<div
35+
ref={downloadRef}
36+
className={"flex h-dvh items-center justify-center gap-5"}
37+
>
3538
<div className="flex flex-col items-center justify-center gap-5">
3639
<div
3740
className={"flex w-full max-w-screen-2xl items-center justify-center"}
@@ -48,98 +51,35 @@ export default function DownloadAurora({
4851
</div>
4952
<div
5053
className={
51-
"flex w-full max-w-screen-2xl flex-col gap-5 rounded-3xl border border-zinc-600 p-5 backdrop-blur-2xl lg:w-full lg:p-14"
54+
"flex flex-col items-center justify-center gap-10 xl:flex-row"
5255
}
5356
>
54-
<div className={"text-lg text-white lg:text-2xl"}>
55-
Please fill in the options to get the edition that best suits you.
56-
Decide wherether you want to include developer tooling on your
57-
installed system or not.
58-
</div>
59-
<div className={"w-full"}>
60-
<div
61-
className={
62-
"grid h-full w-full grid-cols-1 grid-rows-3 items-start justify-start gap-5 lg:grid-cols-3 lg:grid-rows-1"
63-
}
64-
>
65-
<div className={"animate-fade-up flex flex-col gap-2"}>
66-
<p className={"text-lg text-white lg:text-2xl"}>
67-
{t("primary-gpu")}
68-
</p>
69-
<Select
70-
onValueChange={(e) => {
71-
setPrimaryGPU(e);
72-
}}
73-
>
74-
<SelectTrigger className="h-[60px] w-full border-zinc-600 bg-transparent text-sm text-white">
75-
<SelectValue
76-
placeholder={
77-
<div
78-
className={
79-
"flex flex-row items-center justify-center gap-2"
80-
}
81-
>
82-
<Monitor className={"stroke-white"} />
83-
{t("pick-gpu")}
84-
</div>
85-
}
86-
/>
87-
</SelectTrigger>
88-
<SelectContent>
89-
<SelectItem value="mesa">Intel / AMD </SelectItem>
90-
<SelectItem value="nvidia">
91-
Nvidia (RTX-Series/GTX 16xx)
92-
</SelectItem>
93-
</SelectContent>
94-
</Select>
95-
</div>
96-
97-
<div className={"animate-fade-up flex flex-col gap-2"}>
98-
<p className={"text-lg text-white lg:text-2xl"}>
99-
{t("developer-version")}
100-
</p>
101-
<Select
102-
onValueChange={(e) => {
103-
setDeveloperVersion(e);
104-
}}
105-
>
106-
<SelectTrigger className="h-[60px] w-full border-zinc-600 bg-transparent text-sm text-white">
107-
<SelectValue
108-
placeholder={
109-
<div
110-
className={
111-
"flex flex-row items-center justify-center gap-2"
112-
}
113-
>
114-
<Code className={"stroke-white"} />
115-
{t("are-you-dev")}
116-
</div>
117-
}
118-
>
119-
<span
120-
className={
121-
"flex flex-row items-center gap-5 capitalize"
122-
}
123-
>
124-
{developerVersion === "yes" ? <Check /> : <XIcon />}
125-
{developerVersion}
126-
</span>
127-
</SelectValue>
128-
</SelectTrigger>
129-
<SelectContent>
130-
<SelectItem value="yes">{t("yes-option")}</SelectItem>
131-
<SelectItem value="no">{t("no-option")}</SelectItem>
132-
</SelectContent>
133-
</Select>
134-
</div>
57+
<div
58+
className={
59+
"flex w-full max-w-screen-2xl flex-col gap-5 rounded-3xl border border-zinc-600 p-5 backdrop-blur-2xl lg:w-full lg:p-14"
60+
}
61+
>
62+
<div className={"inline-flex items-center gap-10"}>
63+
<h1
64+
className={
65+
"bg-gradient-to-r from-aurora-blue to-aurora-lightorange bg-clip-text text-2xl font-bold text-transparent lg:text-4xl"
66+
}
67+
>
68+
Your hardware options
69+
</h1>
70+
</div>
71+
<div className={"text-lg text-white lg:text-2xl"}>
72+
Please choose your primary GPU to get the edition with preinstalled drivers.
73+
</div>
74+
<div className={"w-full"}>
13575
<div>
136-
<div className={"animate-fade-up flex flex-col gap-2"}>
76+
<div className={"flex animate-fade-up flex-col gap-2"}>
13777
<p className={"text-lg text-white lg:text-2xl"}>
138-
{"Surface / ASUS Device"}
78+
{t("primary-gpu")}
13979
</p>
14080
<Select
14181
onValueChange={(e) => {
142-
setIsHWE(e);
82+
setPrimaryGPU(e);
14383
}}
14484
>
14585
<SelectTrigger className="h-[60px] w-full border-zinc-600 bg-transparent text-sm text-white">
@@ -150,36 +90,23 @@ export default function DownloadAurora({
15090
"flex flex-row items-center justify-center gap-2"
15191
}
15292
>
153-
<LaptopIcon className={"stroke-white"} />
154-
{t("hwe-version")}
93+
<Monitor className={"stroke-white"} />
94+
{t("pick-gpu")}
15595
</div>
15696
}
157-
>
158-
<span
159-
className={
160-
"flex flex-row items-center gap-5 capitalize"
161-
}
162-
>
163-
{isHWE === "yes" ? <Check /> : <XIcon />}
164-
{isHWE}
165-
</span>
166-
</SelectValue>
97+
/>
16798
</SelectTrigger>
16899
<SelectContent>
169-
<SelectItem value="yes">{t("yes-option")}</SelectItem>
170-
<SelectItem value="no">{t("no-option")}</SelectItem>
100+
<SelectItem value="mesa">Intel / AMD </SelectItem>
101+
<SelectItem value="nvidia">
102+
Nvidia (RTX-Series/GTX 16xx)
103+
</SelectItem>
171104
</SelectContent>
172105
</Select>
173106
</div>
174107
</div>
175108
</div>
176109
</div>
177-
</div>
178-
<div
179-
className={
180-
"grid w-full max-w-screen-2xl grid-cols-1 gap-5 text-white lg:w-full lg:grid-cols-1"
181-
}
182-
>
183110
<div
184111
className={
185112
"flex w-full flex-col justify-between gap-3 rounded-3xl border border-zinc-600 p-4 px-6 py-6 backdrop-blur-2xl"
@@ -190,7 +117,7 @@ export default function DownloadAurora({
190117
"bg-gradient-to-r from-aurora-blue via-aurora-darkblue to-aurora-purple bg-clip-text text-3xl font-bold text-transparent"
191118
}
192119
>
193-
Aurora
120+
Aurora Download
194121
</h1>
195122
<p className={"text-xl"}>
196123
Download the ultimate productivity workstation right here. Use{" "}
@@ -205,10 +132,16 @@ export default function DownloadAurora({
205132
to burn the image to your machine.
206133
</p>
207134
<div>
208-
{primaryGPU ?
209-
<DownloadButtons imageName={imageName} isHelium={true} />
210-
: <div>Please select your hardware.</div>
211-
}
135+
{primaryGPU ? (
136+
<span className={"w-full flex flex-col gap-5"}>
137+
<DownloadButtons imageName={imageName} isHelium={true} />
138+
<span className={"font-bold italic"}>To turn on the developer experience, run <code className={"p-2"}>ujust devmode</code> once it's installed.
139+
See the docs <a href={"https://docs.getaurora.dev/dx/aurora-dx-intro"} className={"underline underline-offset-2"}>here.</a>
140+
</span>
141+
</span>
142+
) : (
143+
<div>Please select your hardware.</div>
144+
)}
212145
</div>
213146
</div>
214147
</div>

0 commit comments

Comments
 (0)