start of oneclick installs

This commit is contained in:
MathieuG-P
2022-12-12 02:43:23 +01:00
parent 91f7179d5e
commit 4d0cc4a6fe
2 changed files with 31 additions and 2 deletions
@@ -8,7 +8,7 @@ export function SettingContainer({className, title, minorTitle, description, chi
return (
<div className={className || "relative mb-5"}>
{ title && <h1 className="font-bold text-2xl mb-1 tracking-wide">{t(title)}</h1> }
{ minorTitle && <h2 className="font-bold mb-1 tracking-wide text-gray-600 dark:text-gray-400">{t(minorTitle)}</h2> }
{ minorTitle && <h2 className="font-bold mb-1 tracking-wide text-gray-600 dark:text-gray-300">{t(minorTitle)}</h2> }
{ description && <p className="mb-3 text-sm text-gray-600 dark:text-gray-400">{t(description)}</p> }
{ children }
</div>
+30 -1
View File
@@ -3,7 +3,7 @@ import SettingColorChooser from "renderer/components/settings/setting-color-choo
import { SettingContainer } from "renderer/components/settings/setting-container.component";
import { RadioItem, SettingRadioArray } from "renderer/components/settings/setting-radio-array.component";
import { BsmButton } from "renderer/components/shared/bsm-button.component";
import { BsmIconType } from "renderer/components/svgs/bsm-icon.component";
import { BsmIcon, BsmIconType } from "renderer/components/svgs/bsm-icon.component";
import { DefaultConfigKey, ThemeConfig } from "renderer/config/default-configuration.config";
import { useObservable } from "renderer/hooks/use-observable.hook";
import { useThemeColor } from "renderer/hooks/use-theme-color.hook";
@@ -20,6 +20,8 @@ import { SupportersView } from "renderer/components/settings/supporters-view/sup
import { LinkOpenerService } from "renderer/services/link-opener.service";
import { useNavigate } from "react-router-dom";
import { InstallationFolderModal } from "renderer/components/modal/modal-types/installation-folder-modal.component";
import { motion } from "framer-motion";
import { BsmCheckbox } from "renderer/components/shared/bsm-checkbox.component";
export function SettingsPage() {
@@ -164,6 +166,33 @@ export function SettingsPage() {
</div>
</SettingContainer>
<SettingContainer title="Contenus additionnels" description="Les contenus additionnels te permet de personaliser BeatSaber !">
<SettingContainer minorTitle="Installations OneClick">
<ul className="w-full flex flex-col gap-1.5">
<li className="bg-main-color-1 p-3 rounded-md group-one">
<div className="flex items-center gap-2">
<BsmCheckbox className="relative z-[1] h-5 w-5"/>
<span className="font-extrabold">Maps</span>
</div>
</li>
<li className="bg-main-color-1 p-3 rounded-md group-one">
<div className="flex items-center gap-2">
<BsmCheckbox className="relative z-[1] h-5 w-5"/>
<span className="font-extrabold">Playlists</span>
</div>
</li>
<li className="bg-main-color-1 p-3 rounded-md group-one">
<div className="flex items-center gap-2">
<BsmCheckbox className="relative z-[1] h-5 w-5"/>
<span className="font-extrabold">Modèles</span>
</div>
</li>
</ul>
</SettingContainer>
</SettingContainer>
<SettingContainer title="pages.settings.language.title" description="pages.settings.language.description">
<SettingRadioArray items={languagesItems} selectedItem={languageSelected} onItemSelected={handleChangeLanguage}/>
</SettingContainer>