zedcode/bs-manager
1
0
Fork 0
mirror of https://github.com/Zagrios/bs-manager.git synced 2026-07-03 14:08:25 +02:00
Code Issues Packages Projects Releases Wiki Activity

use already blured images, and use new components to display available BS versions

Browse Source
This commit is contained in:
MathieuG-P
2022-06-04 22:24:29 +02:00
parent 2c7f7a731c
commit 1c1cb180cc
1 changed files with 11 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/pages/available-versions-list.components.tsx
+11 -21
View File
@@ -1,5 +1,5 @@
import { BSVersion } from "../../main/services/bs-version-manager.service";
import { AvailableVersionsArray } from "../components/available-versions-array.component";
import { AvailableVersionsSlider } from "../components/available-versions/available-versions-slider.component";
import { useState } from "react";
import { BsDownloaderService } from "../services/bs-downloader.service";
import { Slideshow } from "renderer/components/slideshow/slideshow.component";
@@ -7,17 +7,16 @@ import { Slideshow } from "renderer/components/slideshow/slideshow.component";
export function AvailableVersionsList() {
const slideshowImages = [
require('../../../assets/slideshow-images/image-1.jpg'),
require('../../../assets/slideshow-images/image-2.jpg'),
require('../../../assets/slideshow-images/image-3.jpg'),
require('../../../assets/slideshow-images/image-4.jpg'),
require('../../../assets/slideshow-images/image-5.png'),
require('../../../assets/slideshow-images/image-6.png'),
require('../../../assets/slideshow-images/image-7.png'),
require('../../../assets/slideshow-images/image-1-blur.jpg'),
require('../../../assets/slideshow-images/image-2-blur.jpg'),
require('../../../assets/slideshow-images/image-3-blur.jpg'),
require('../../../assets/slideshow-images/image-4-blur.jpg'),
require('../../../assets/slideshow-images/image-5-blur.png'),
require('../../../assets/slideshow-images/image-6-blur.png'),
require('../../../assets/slideshow-images/image-7-blur.png'),
];
const [versionSelected, setVersionSelected] = useState(null as BSVersion);
const bsDownloaderService: BsDownloaderService = BsDownloaderService.getInstance();
const selectedVersionCallback = (v: BSVersion) => {
@@ -30,19 +29,10 @@ export function AvailableVersionsList() {
return (
<div>
<Slideshow className="absolute w-full h-full top-0 brightness-[.65] blur-md" images={slideshowImages}></Slideshow>
<Slideshow className="absolute w-full h-full top-0" images={slideshowImages}></Slideshow>
<div className=" relative z-[1]">
<h1 className="w-full text-center font-bold text-gray-200 text-3xl mt-6 tracking-wider text-sh mb-5">CHOOSE BS VERSION</h1>
<AvailableVersionsArray setSelectedVersion={selectedVersionCallback}/>
{ versionSelected && (
<>
<h1 className="w-full text-2xl text-gray-200 font-bold text-center mt-5">SELECTED : {versionSelected.BSVersion}</h1>
<div className="w-full flex flex-col justify-center items-center content-center">
<button onClick={() => startInstall()} className="m-4 bg-white text-xl font-bold p-3">INSTALL</button>
<button className="m-4 bg-white text-xl font-bold p-3">VERSION NOTES</button>
</div>
</>
)}
<h1 className="w-full text-center font-bold text-gray-200 text-3xl mt-6 tracking-wider text-sh mb-5">SELECT A VERSION</h1>
<AvailableVersionsSlider setSelectedVersion={selectedVersionCallback}/>
</div>
</div>
)