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

add country flags

Browse Source
This commit is contained in:
MathieuG-P
2022-07-10 21:26:59 +02:00
parent 71fdd5a6f0
commit 287e360305
7 changed files with 183 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/components/settings/setting-radio-array.component.tsx
+1 -1
View File
@@ -16,7 +16,7 @@ export function SettingRadioArray({items, selectedItem = items[0].id, onItemSele
{i.icon && (
<div className="flex items-center">
{i.textIcon && <span className="text-sm">{i.textIcon}</span>}
<BsmIcon icon={i.icon}/>
<BsmIcon icon={i.icon} className="max-h-5 w-fit ml-2"/>
</div>
)}
</div>
src/renderer/components/svgs/bsm-icon.component.tsx
+9 -1
View File
@@ -8,8 +8,12 @@ import { DesktopIcon } from "./desktop-icon.component";
import { OculusIcon } from "./oculus-icon.component";
import { AddIcon } from "./add-icon.component";
import CrossIcon from "./cross-icon.component";
import { FranceIcon } from "./flags/france-icon.component";
import { SpainIcon } from "./flags/spain-icon.component";
import { UsaIcon } from "./flags/usa-icon.component";
import { UkIcon } from "./flags/uk-icon.component";
export type BsmIconType = "settings"|"trash"|"favorite"|"folder"|"bsNote"|"terminal"|"desktop"|"oculus"|"add"|"cross";
export type BsmIconType = "settings"|"trash"|"favorite"|"folder"|"bsNote"|"terminal"|"desktop"|"oculus"|"add"|"cross"|"fr-FR-flag"|"es-ES-flag"|"en-US-flag"|"en-EN-flag";
export function BsmIcon({className, icon}: {className?: string, icon: BsmIconType}) {
@@ -24,6 +28,10 @@ export function BsmIcon({className, icon}: {className?: string, icon: BsmIconTyp
if(icon === "oculus"){ return <OculusIcon className={className}/> }
if(icon === "add"){ return <AddIcon className={className}/> }
if(icon === "cross"){ return <CrossIcon className={className}/> }
if(icon === "fr-FR-flag"){ return <FranceIcon className={className}/> }
if(icon === "es-ES-flag"){ return <SpainIcon className={className}/> }
if(icon === "en-US-flag"){ return <UsaIcon className={className}/> }
if(icon === "en-EN-flag"){ return <UkIcon className={className}/> }
}
return (
src/renderer/components/svgs/flags/france-icon.component.tsx
+20
View File
@@ -0,0 +1,20 @@
export function FranceIcon(props: {className: string}) {
return (
<svg xmlns="http://www.w3.org/2000/svg" width="71" height="48" viewBox="0 0 71 48" version="1.1" className={props.className}>
<defs/>
<g id="Flags" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd" transform="translate(-324.000000, -744.000000)">
<g transform="translate(70.000000, 70.000000)" fillRule="nonzero" id="France-3">
<g transform="translate(254.000000, 674.000000)">
<g id="Belgium-7">
<g id="Bahamas-8">
<path d="M6.51,0.11 C2.99746899,0.11 0.15,2.95746899 0.15,6.47 L0.15,40.74 C0.15,44.252531 2.99746899,47.1 6.51,47.1 L23.51,47.1 C23.51,31.4333333 23.51,15.7666667 23.51,0.1 L6.51,0.11 Z" id="Shape" fill="#4758A9"/>
<path d="M23.49,0.11 C23.49,15.7766667 23.49,31.4433333 23.49,47.11 L46.84,47.11 C46.84,31.4433333 46.84,15.7766667 46.84,0.11 L23.49,0.11 Z" id="Shape" fill="#FFFFFF"/>
<path d="M63.78,0.11 L46.83,0.11 C46.83,15.7766667 46.83,31.4433333 46.83,47.11 L63.78,47.11 C67.292531,47.11 70.14,44.262531 70.14,40.75 L70.14,6.48 C70.1426549,4.79149117 69.4737576,3.17123007 68.2807384,1.97633501 C67.0877191,0.781439956 65.4685109,0.109997913 63.78,0.11 Z" id="Shape" fill="#ED5565"/>
</g>
</g>
</g>
</g>
</g>
</svg>
)
}
src/renderer/components/svgs/flags/spain-icon.component.tsx
+41
View File
@@ -0,0 +1,41 @@
export function SpainIcon(props: {className: string}) {
return (
<svg xmlns="http://www.w3.org/2000/svg" width="71" height="48" viewBox="0 0 71 48" version="1.1" className={props.className}>
<defs/>
<g id="Flags" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd" transform="translate(-662.000000, -621.000000)">
<g transform="translate(70.000000, 70.000000)" id="Spain">
<g transform="translate(592.000000, 551.000000)">
<rect id="Rectangle-path" fill="#FFCE54" fillRule="nonzero" x="0.63" y="10.51" width="70" height="27"/>
<path d="M64.27,0.56 L7,0.56 C5.31322312,0.56 3.69553224,1.23006898 2.50280087,2.42279941 C1.3100695,3.61552983 0.64,5.23321945 0.64,6.91999499 L0.64,10.5599921 L70.64,10.5599921 L70.64,6.91999499 C70.6400021,5.23148541 69.96856,3.61227848 68.773665,2.41926018 C67.5787699,1.22624188 65.9585088,0.557345111 64.27,0.56 Z" id="Shape" fill="#ED5565" fillRule="nonzero"/>
<path d="M0.63,41.2 C0.63,42.8867769 1.3000695,44.5044678 2.49280087,45.6971991 C3.68553224,46.8899305 5.30322312,47.56 6.99,47.56 L64.26,47.56 C65.9467769,47.56 67.5644678,46.8899305 68.7571991,45.6971991 C69.9499305,44.5044678 70.62,42.8867769 70.62,41.2 L70.62,37.56 L0.62,37.56 L0.63,41.2 Z" id="Shape" fill="#ED5565" fillRule="nonzero"/>
<path d="M11.71,27.13 L11.71,30 C11.71,31.6568542 13.0531458,33 14.71,33 L16.41,33 L16.41,27.17 L11.71,27.13 Z" id="Shape" fill="#F6D660" fillRule="nonzero"/>
<path d="M13.21,27.13 L13.21,32.55 C13.3692673,32.6418249 13.5366381,32.7188155 13.71,32.78 L13.71,27.13 L13.21,27.13 Z" id="Shape" fill="#ED5565" fillRule="nonzero"/>
<path d="M12.13,27.13 L12.13,31.48 C12.266128,31.7185321 12.4343661,31.9372416 12.63,32.13 L12.63,27.13 L12.13,27.13 Z" id="Shape" fill="#ED5565" fillRule="nonzero"/>
<path d="M14.3,27.13 L14.3,32.92 C14.4331849,32.9288988 14.5668151,32.9288988 14.7,32.92 L14.8,32.92 L14.8,27.09 L14.3,27.13 Z" id="Shape" fill="#ED5565" fillRule="nonzero"/>
<rect id="Rectangle-path" fill="#ED5565" fillRule="nonzero" x="15.38" y="27.13" width="1" height="5.83"/>
<rect id="Rectangle-path" fill="#ED5565" fillRule="nonzero" x="11.71" y="21.83" width="4.69" height="5.29"/>
<path d="M21.09,30 L21.09,27.16 L16.4,27.16 L16.4,33 L18.1,33 C19.7529477,32.9944901 21.0900092,31.6529569 21.09,30 Z" id="Shape" fill="#ED5565" fillRule="nonzero"/>
<rect id="Rectangle-path" fill="#FFFFFF" fillRule="nonzero" x="16.4" y="21.83" width="4.69" height="5.29"/>
<circle id="Oval" stroke="#ED5565" strokeWidth="0.5" fill="#4A89DC" fillRule="nonzero" cx="16.4" cy="27.13" r="1.52"/>
<rect id="Rectangle-path" fill="#FFFFFF" fillRule="nonzero" x="8.75" y="21.83" width="1.42" height="9.71" rx="0.71"/>
<rect id="Rectangle-path" fill="#FFFFFF" fillRule="nonzero" x="22.63" y="21.83" width="1.42" height="9.71" rx="0.71"/>
<path d="M20.93,18.39 C20.93,18.39 20.93,18.34 20.93,18.31 C20.93,17.51 18.93,16.86 16.36,16.86 C13.79,16.86 11.79,17.51 11.79,18.31 C11.7867241,18.3432528 11.7867241,18.3767472 11.79,18.41 L12.79,19.56 L13.15,19.46 C13.2966387,19.448837 13.4411931,19.4185814 13.58,19.37 C13.7751041,19.2839474 13.9755134,19.210464 14.18,19.15 L14.84,19.26 L15.3,18.95 L15.84,19.16 L16.35,18.84 L16.83,19.17 L17.41,18.91 C17.5796516,19.0400163 17.7566078,19.1602129 17.94,19.27 C17.94,19.27 18.44,19.03 18.44,19.03 L18.79,19.4 L19.3,19.21 L19.7,19.65 L20.93,18.39 Z" id="Shape" fill="#ED5565" fillRule="nonzero"/>
<path d="M19,19.4 L18.64,19.03 C18.64,19.03 18.16,19.27 18.12,19.27 C17.9301299,19.1602965 17.7465127,19.0401106 17.57,18.91 L16.96,19.17 L16.45,18.84 L15.91,19.16 L15.34,18.95 L14.86,19.26 L14.16,19.15 C13.9457259,19.2104674 13.7353359,19.2839369 13.53,19.37 C13.3842902,19.4184604 13.23314,19.4486905 13.08,19.46 L12.7,19.56 L12.99,19.82 L13.39,20.52 L19.39,20.52 L19.79,19.82 L19.99,19.65 L19.57,19.21 L19,19.4 Z" id="Shape" fill="#FFFFFF" fillRule="nonzero"/>
<ellipse id="Oval" stroke="#FFFFFF" strokeLinecap="round" strokeLinejoin="round" cx="16.39" cy="20.51" rx="2.71" ry="1"/>
<path d="M13.07,19.81 C13.5,19.51 14.44,19.36 16.4,19.36" id="Shape" stroke="#FFFFFF" strokeWidth="0.51" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M16.39,19.36 C18.39,19.36 19.29,19.51 19.72,19.81" id="Shape" stroke="#FFFFFF" strokeWidth="0.51" strokeLinecap="round" strokeLinejoin="round"/>
<ellipse id="Oval" stroke="#FFFFFF" strokeWidth="0.5" strokeLinecap="round" strokeLinejoin="round" cx="16.39" cy="20.51" rx="2.71" ry="1"/>
<ellipse id="Oval" fill="#ED5565" fillRule="nonzero" cx="16.39" cy="20.51" rx="2.71" ry="1"/>
<path d="M14.21,17.58 C14.0087945,17.3806828 13.9106043,17.0998022 13.9438088,16.8185399 C13.9770134,16.5372777 14.1379117,16.2869839 14.38,16.14 C14.9192511,15.8564363 15.5697614,15.8870486 16.08,16.22 L16.39,16.42 L16.7,16.22" id="Shape" stroke="#FFFFFF" strokeWidth="0.5" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M12,18.31 C11.7957301,18.0960042 11.6912131,17.8057654 11.7121554,17.5106691 C11.7330977,17.2155728 11.877556,16.9430032 12.11,16.76 C12.6503488,16.4204519 13.3140442,16.3397817 13.92,16.54" id="Shape" stroke="#FFFFFF" strokeWidth="0.5" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M18.58,17.58 C18.7812055,17.3806828 18.8793957,17.0998022 18.8461912,16.8185399 C18.8129866,16.5372777 18.6520883,16.2869839 18.41,16.14 C17.8707489,15.8564363 17.2202386,15.8870486 16.71,16.22" id="Shape" stroke="#FFFFFF" strokeWidth="0.5" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M20.78,18.31 C20.9842699,18.0960042 21.0887869,17.8057654 21.0678446,17.5106691 C21.0469023,17.2155728 20.902444,16.9430032 20.67,16.76 C20.1296512,16.4204519 19.4659558,16.3397817 18.86,16.54" id="Shape" stroke="#FFFFFF" strokeWidth="0.5" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M16.39,17.37 L16.39,16.43" id="Shape" stroke="#FFFFFF" strokeWidth="0.5" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M20.2,19.28 C19.92,19.75 19.2,19.6 19.55,18.99 C19.55,18.99 19.33,19.48 18.89,19.4 C18.62,19.4 18.48,19.1 18.55,18.74 C18.523439,19.0525519 18.2531982,19.2873513 17.94,19.27 C17.44,19.27 17.49,18.6 17.49,18.6 C17.49,18.6 17.49,19.19 16.94,19.17 C16.7914464,19.1647894 16.6510592,19.1007309 16.5497697,18.9919385 C16.4484803,18.8831462 16.3945999,18.7385469 16.4,18.59 C16.4109622,18.7419055 16.3595809,18.8917234 16.2576972,19.0049275 C16.1558136,19.1181315 16.0122169,19.1849557 15.86,19.19 C15.32,19.19 15.31,18.62 15.31,18.62 C15.31,18.62 15.31,19.25 14.86,19.29 C14.5468018,19.3073513 14.276561,19.0725519 14.25,18.76 C14.31,19.12 14.18,19.37 13.91,19.42 C13.47,19.5 13.25,19.01 13.25,19.01 C13.57,19.63 12.88,19.77 12.6,19.3" id="Shape" stroke="#FFFFFF" strokeWidth="0.3" strokeLinecap="round" strokeLinejoin="round"/>
<circle id="Oval" fill="#4A89DC" fillRule="nonzero" cx="16.39" cy="15.72" r="1"/>
</g>
</g>
</g>
</svg>
)
}
src/renderer/components/svgs/flags/uk-icon.component.tsx
+30
View File
@@ -0,0 +1,30 @@
export function UkIcon(props: {className: string}) {
return (
<svg xmlns="http://www.w3.org/2000/svg" width="71" height="48" viewBox="0 0 71 48" version="1.1" className={props.className}>
<defs/>
<g id="Flags" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd" transform="translate(-493.000000, -1295.000000)">
<g transform="translate(70.000000, 70.000000)" fillRule="nonzero" id="uk">
<g transform="translate(423.000000, 1225.000000)">
<path d="M30.57,0.68 L27.44,0.68 L27.44,15 L2.44,2.5 C1.27846437,3.62206314 0.567161766,5.13002466 0.44,6.74 L19.64,16.34 L12.64,16.34 L0.41,10.23 L0.41,12 L9.14,16.36 L0.41,16.36 L0.41,19.49 L30.6,19.49 L30.57,0.68 Z" id="Shape" fill="#FFFFFF"/>
<path d="M68.23,45.89 C69.4249195,44.7993071 70.1790681,43.3087964 70.35,41.7 L50.93,32 L57.93,32 L70.39,38.23 L70.39,36.48 L61.39,32 L70.39,32 L70.39,28.87 L40,28.87 L40,47.66 L43.13,47.66 L43.13,33.34 L68.23,45.89 Z" id="Shape" fill="#FFFFFF"/>
<path d="M43.1,0.68 L40,0.68 L40,19.47 L70.42,19.47 L70.42,16.34 L61.42,16.34 L70.42,11.86 L70.42,7.29 C70.42,7.06 70.42,6.84 70.42,6.62 L50.99,16.33 L43.99,16.33 L69.36,3.64 C69.0766687,3.1917619 68.7409722,2.77885527 68.36,2.41 L43.1,15 L43.1,0.68 Z" id="Shape" fill="#FFFFFF"/>
<path d="M0.39,28.86 L0.39,32 L9.12,32 L0.39,36.36 L0.39,41 C0.39,41.2 0.39,41.39 0.39,41.59 L19.59,31.99 L26.59,31.99 L1.41,44.58 C1.69252287,45.0318528 2.02825717,45.4481633 2.41,45.82 L27.41,33.33 L27.41,47.65 L30.54,47.65 L30.54,28.86 L0.39,28.86 Z" id="Shape" fill="#FFFFFF"/>
<polygon id="Shape" fill="#EC5565" points="70.39 28.86 70.39 19.47 39.97 19.47 39.97 0.68 30.57 0.68 30.57 19.47 0.39 19.47 0.39 28.86 30.57 28.86 30.57 47.65 39.97 47.65 39.97 28.86"/>
<path d="M19.61,16.34 L0.41,6.74 C0.41,6.92 0.41,7.11 0.41,7.29 L0.41,10.22 L12.64,16.33 L19.61,16.34 Z" id="Shape" fill="#EC5565"/>
<path d="M50.93,16.34 L70.36,6.63 C70.256603,5.55852058 69.8926956,4.52859395 69.3,3.63 L43.93,16.32 L50.93,16.34 Z" id="Shape" fill="#EC5565"/>
<path d="M50.93,32 L70.35,41.71 C70.362161,41.4768251 70.362161,41.2431749 70.35,41.01 L70.35,38.23 L57.93,32 L50.93,32 Z" id="Shape" fill="#EC5565"/>
<path d="M19.61,32 L0.41,41.6 C0.495302165,42.6662602 0.838485596,43.6958105 1.41,44.6 L26.62,32 L19.61,32 Z" id="Shape" fill="#EC5565"/>
<path d="M43.1,15 L68.26,2.42 C67.2042292,1.4364164 65.8556079,0.825322379 64.42,0.68 L43.1,0.68 L43.1,15 Z" id="Shape" fill="#4658A9"/>
<polygon id="Shape" fill="#4658A9" points="70.39 36.47 70.39 31.99 61.43 31.99"/>
<polygon id="Shape" fill="#4658A9" points="70.39 16.34 70.39 11.86 61.43 16.34"/>
<path d="M2.46,45.82 C3.6908925,46.9956551 5.32786608,47.6511609 7.03,47.65 L27.44,47.6500015 L27.44,33.33 L2.46,45.82 Z" id="Shape" fill="#4658A9"/>
<path d="M43.1,33.33 L43.1,47.65 L63.75,47.65 C65.4101058,47.6499411 67.0094079,47.0252138 68.23,45.9 L43.1,33.33 Z" id="Shape" fill="#4658A9"/>
<path d="M27.44,0.68 L6.36,0.68 C4.886312,0.830283242 3.50581776,1.471227 2.44,2.5 L27.44,15 L27.44,0.68 Z" id="Shape" fill="#4658A9"/>
<polygon id="Shape" fill="#4658A9" points="0.39 31.99 0.39 36.35 9.11 31.99"/>
<polygon id="Shape" fill="#4658A9" points="0.39 11.97 0.39 16.34 9.11 16.34"/>
</g>
</g>
</g>
</svg>
)
}
src/renderer/components/svgs/flags/usa-icon.component.tsx
+77
View File
@@ -0,0 +1,77 @@
export function UsaIcon(props: {className: string}) {
return (
<svg xmlns="http://www.w3.org/2000/svg" width="71" height="48" viewBox="0 0 71 48" version="1.1" className={props.className}>
<defs/>
<g id="Flags" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd" transform="translate(-831.000000, -866.000000)">
<g transform="translate(70.000000, 70.000000)" fillRule="nonzero" id="USA">
<g transform="translate(761.000000, 796.000000)">
<path d="M7,47.61 L64.77,47.61 C67.0722252,47.4259507 69.1134298,46.058836 70.16,44 L1.6,44 C2.64839458,46.0617137 4.69410636,47.4293099 7,47.61 Z" id="Shape" fill="#ED5565"/>
<path d="M0.91,40.38 L0.91,41.72 C0.997644306,42.5115386 1.22803494,43.2806368 1.59,43.99 L70.14,43.99 C70.5019651,43.2806368 70.7323557,42.5115386 70.82,41.72 L70.82,40.38 L0.91,40.38 Z" id="Shape" fill="#FFFFFF"/>
<rect id="Rectangle-path" fill="#ED5565" x="0.91" y="36.77" width="69.92" height="3.61"/>
<rect id="Rectangle-path" fill="#FFFFFF" x="0.91" y="33.16" width="69.92" height="3.61"/>
<rect id="Rectangle-path" fill="#ED5565" x="0.91" y="29.55" width="69.92" height="3.61"/>
<rect id="Rectangle-path" fill="#FFFFFF" x="0.91" y="25.94" width="69.92" height="3.61"/>
<rect id="Rectangle-path" fill="#ED5565" x="0.91" y="22.33" width="69.92" height="3.61"/>
<rect id="Rectangle-path" fill="#FFFFFF" x="0.91" y="18.72" width="69.92" height="3.61"/>
<rect id="Rectangle-path" fill="#ED5565" x="0.91" y="15.11" width="69.92" height="3.61"/>
<rect id="Rectangle-path" fill="#FFFFFF" x="0.91" y="11.49" width="69.92" height="3.61"/>
<rect id="Rectangle-path" fill="#ED5565" x="0.91" y="7.88" width="69.92" height="3.61"/>
<path d="M70.83,7.88 L70.83,6.54 C70.7435416,5.74503797 70.5131203,4.97244886 70.15,4.26 L1.6,4.26 C1.23687975,4.97244886 1.00645843,5.74503797 0.92,6.54 L0.92,7.88 L70.83,7.88 Z" id="Shape" fill="#FFFFFF"/>
<path d="M64.76,0.66 L7,0.66 C4.69777484,0.844049262 2.65657024,2.21116403 1.61,4.27 L70.16,4.27 C69.1116054,2.20828634 67.0658936,0.840690135 64.76,0.66 Z" id="Shape" fill="#ED5565"/>
<path d="M34.09,25.94 L34.09,0.66 L7,0.66 C3.82619503,0.914083785 1.27947966,3.38527876 0.93,6.55 L0.93,25.94 L34.09,25.94 Z" id="Shape" fill="#4A89DC"/>
<polygon id="Shape" fill="#FFFFFF" points="5.02 3.72 4.75 4.56 3.87 4.56 4.58 5.07 4.31 5.91 5.02 5.39 5.73 5.91 5.46 5.07 6.17 4.56 5.29 4.56"/>
<polygon id="Shape" fill="#FFFFFF" points="5.02 7.96 4.75 8.8 3.87 8.8 4.58 9.32 4.31 10.15 5.02 9.64 5.73 10.15 5.46 9.32 6.17 8.8 5.29 8.8"/>
<polygon id="Shape" fill="#FFFFFF" points="5.02 12.2 4.75 13.04 3.87 13.04 4.58 13.56 4.31 14.4 5.02 13.88 5.73 14.4 5.46 13.56 6.17 13.04 5.29 13.04"/>
<polygon id="Shape" fill="#FFFFFF" points="5.02 16.45 4.75 17.28 3.87 17.28 4.58 17.8 4.31 18.64 5.02 18.12 5.73 18.64 5.46 17.8 6.17 17.28 5.29 17.28"/>
<polygon id="Shape" fill="#FFFFFF" points="5.29 21.52 5.02 20.69 4.75 21.52 3.87 21.52 4.58 22.04 4.31 22.88 5.02 22.36 5.73 22.88 5.46 22.04 6.17 21.52"/>
<polygon id="Shape" fill="#FFFFFF" points="7.51 5.84 7.24 6.68 6.36 6.68 7.07 7.2 6.8 8.03 7.51 7.51 8.23 8.03 7.96 7.2 8.67 6.68 7.79 6.68"/>
<polygon id="Shape" fill="#FFFFFF" points="7.51 10.08 7.24 10.92 6.36 10.92 7.07 11.44 6.8 12.27 7.51 11.76 8.23 12.27 7.96 11.44 8.67 10.92 7.79 10.92"/>
<polygon id="Shape" fill="#FFFFFF" points="7.51 14.33 7.24 15.16 6.36 15.16 7.07 15.68 6.8 16.52 7.51 16 8.23 16.52 7.96 15.68 8.67 15.16 7.79 15.16"/>
<polygon id="Shape" fill="#FFFFFF" points="7.79 19.4 7.51 18.57 7.24 19.4 6.36 19.4 7.07 19.92 6.8 20.76 7.51 20.24 8.23 20.76 7.96 19.92 8.67 19.4"/>
<polygon id="Shape" fill="#FFFFFF" points="10.01 3.72 9.74 4.56 8.86 4.56 9.57 5.07 9.3 5.91 10.01 5.39 10.72 5.91 10.45 5.07 11.16 4.56 10.28 4.56"/>
<polygon id="Shape" fill="#FFFFFF" points="10.01 7.96 9.74 8.8 8.86 8.8 9.57 9.32 9.3 10.15 10.01 9.64 10.72 10.15 10.45 9.32 11.16 8.8 10.28 8.8"/>
<polygon id="Shape" fill="#FFFFFF" points="10.01 12.2 9.74 13.04 8.86 13.04 9.57 13.56 9.3 14.4 10.01 13.88 10.72 14.4 10.45 13.56 11.16 13.04 10.28 13.04"/>
<polygon id="Shape" fill="#FFFFFF" points="10.01 16.45 9.74 17.28 8.86 17.28 9.57 17.8 9.3 18.64 10.01 18.12 10.72 18.64 10.45 17.8 11.16 17.28 10.28 17.28"/>
<polygon id="Shape" fill="#FFFFFF" points="10.28 21.52 10.01 20.69 9.74 21.52 8.86 21.52 9.57 22.04 9.3 22.88 10.01 22.36 10.72 22.88 10.45 22.04 11.16 21.52"/>
<polygon id="Shape" fill="#FFFFFF" points="12.5 5.84 12.23 6.68 11.35 6.68 12.06 7.2 11.79 8.03 12.5 7.51 13.22 8.03 12.95 7.2 13.66 6.68 12.78 6.68"/>
<polygon id="Shape" fill="#FFFFFF" points="12.5 10.08 12.23 10.92 11.35 10.92 12.06 11.44 11.79 12.27 12.5 11.76 13.22 12.27 12.95 11.44 13.66 10.92 12.78 10.92"/>
<polygon id="Shape" fill="#FFFFFF" points="12.5 14.33 12.23 15.16 11.35 15.16 12.06 15.68 11.79 16.52 12.5 16 13.22 16.52 12.95 15.68 13.66 15.16 12.78 15.16"/>
<polygon id="Shape" fill="#FFFFFF" points="12.78 19.4 12.5 18.57 12.23 19.4 11.35 19.4 12.06 19.92 11.79 20.76 12.5 20.24 13.22 20.76 12.95 19.92 13.66 19.4"/>
<polygon id="Shape" fill="#FFFFFF" points="15 3.72 14.73 4.56 13.85 4.56 14.56 5.07 14.29 5.91 15 5.39 15.71 5.91 15.44 5.07 16.15 4.56 15.27 4.56"/>
<polygon id="Shape" fill="#FFFFFF" points="15 7.96 14.73 8.8 13.85 8.8 14.56 9.32 14.29 10.15 15 9.64 15.71 10.15 15.44 9.32 16.15 8.8 15.27 8.8"/>
<polygon id="Shape" fill="#FFFFFF" points="15 12.2 14.73 13.04 13.85 13.04 14.56 13.56 14.29 14.4 15 13.88 15.71 14.4 15.44 13.56 16.15 13.04 15.27 13.04"/>
<polygon id="Shape" fill="#FFFFFF" points="15 16.45 14.73 17.28 13.85 17.28 14.56 17.8 14.29 18.64 15 18.12 15.71 18.64 15.44 17.8 16.15 17.28 15.27 17.28"/>
<polygon id="Shape" fill="#FFFFFF" points="15.27 21.52 15 20.69 14.73 21.52 13.85 21.52 14.56 22.04 14.29 22.88 15 22.36 15.71 22.88 15.44 22.04 16.15 21.52"/>
<polygon id="Shape" fill="#FFFFFF" points="17.49 5.84 17.22 6.68 16.34 6.68 17.05 7.2 16.78 8.03 17.49 7.51 18.21 8.03 17.93 7.2 18.65 6.68 17.77 6.68"/>
<polygon id="Shape" fill="#FFFFFF" points="17.49 10.08 17.22 10.92 16.34 10.92 17.05 11.44 16.78 12.27 17.49 11.76 18.21 12.27 17.93 11.44 18.65 10.92 17.77 10.92"/>
<polygon id="Shape" fill="#FFFFFF" points="17.49 14.33 17.22 15.16 16.34 15.16 17.05 15.68 16.78 16.52 17.49 16 18.21 16.52 17.93 15.68 18.65 15.16 17.77 15.16"/>
<polygon id="Shape" fill="#FFFFFF" points="17.77 19.4 17.49 18.57 17.22 19.4 16.34 19.4 17.05 19.92 16.78 20.76 17.49 20.24 18.21 20.76 17.93 19.92 18.65 19.4"/>
<polygon id="Shape" fill="#FFFFFF" points="19.99 3.72 19.72 4.56 18.84 4.56 19.55 5.07 19.28 5.91 19.99 5.39 20.7 5.91 20.43 5.07 21.14 4.56 20.26 4.56"/>
<polygon id="Shape" fill="#FFFFFF" points="19.99 7.96 19.72 8.8 18.84 8.8 19.55 9.32 19.28 10.15 19.99 9.64 20.7 10.15 20.43 9.32 21.14 8.8 20.26 8.8"/>
<polygon id="Shape" fill="#FFFFFF" points="19.99 12.2 19.72 13.04 18.84 13.04 19.55 13.56 19.28 14.4 19.99 13.88 20.7 14.4 20.43 13.56 21.14 13.04 20.26 13.04"/>
<polygon id="Shape" fill="#FFFFFF" points="19.99 16.45 19.72 17.28 18.84 17.28 19.55 17.8 19.28 18.64 19.99 18.12 20.7 18.64 20.43 17.8 21.14 17.28 20.26 17.28"/>
<polygon id="Shape" fill="#FFFFFF" points="20.26 21.52 19.99 20.69 19.72 21.52 18.84 21.52 19.55 22.04 19.28 22.88 19.99 22.36 20.7 22.88 20.43 22.04 21.14 21.52"/>
<polygon id="Shape" fill="#FFFFFF" points="22.48 5.84 22.21 6.68 21.33 6.68 22.04 7.2 21.77 8.03 22.48 7.51 23.2 8.03 22.92 7.2 23.64 6.68 22.76 6.68"/>
<polygon id="Shape" fill="#FFFFFF" points="22.48 10.08 22.21 10.92 21.33 10.92 22.04 11.44 21.77 12.27 22.48 11.76 23.2 12.27 22.92 11.44 23.64 10.92 22.76 10.92"/>
<polygon id="Shape" fill="#FFFFFF" points="22.48 14.33 22.21 15.16 21.33 15.16 22.04 15.68 21.77 16.52 22.48 16 23.2 16.52 22.92 15.68 23.64 15.16 22.76 15.16"/>
<polygon id="Shape" fill="#FFFFFF" points="22.76 19.4 22.48 18.57 22.21 19.4 21.33 19.4 22.04 19.92 21.77 20.76 22.48 20.24 23.2 20.76 22.92 19.92 23.64 19.4"/>
<polygon id="Shape" fill="#FFFFFF" points="24.98 3.72 24.71 4.56 23.83 4.56 24.54 5.07 24.27 5.91 24.98 5.39 25.69 5.91 25.42 5.07 26.13 4.56 25.25 4.56"/>
<polygon id="Shape" fill="#FFFFFF" points="24.98 7.96 24.71 8.8 23.83 8.8 24.54 9.32 24.27 10.15 24.98 9.64 25.69 10.15 25.42 9.32 26.13 8.8 25.25 8.8"/>
<polygon id="Shape" fill="#FFFFFF" points="24.98 12.2 24.71 13.04 23.83 13.04 24.54 13.56 24.27 14.4 24.98 13.88 25.69 14.4 25.42 13.56 26.13 13.04 25.25 13.04"/>
<polygon id="Shape" fill="#FFFFFF" points="24.98 16.45 24.71 17.28 23.83 17.28 24.54 17.8 24.27 18.64 24.98 18.12 25.69 18.64 25.42 17.8 26.13 17.28 25.25 17.28"/>
<polygon id="Shape" fill="#FFFFFF" points="25.25 21.52 24.98 20.69 24.71 21.52 23.83 21.52 24.54 22.04 24.27 22.88 24.98 22.36 25.69 22.88 25.42 22.04 26.13 21.52"/>
<polygon id="Shape" fill="#FFFFFF" points="27.47 5.84 27.2 6.68 26.32 6.68 27.03 7.2 26.76 8.03 27.47 7.51 28.19 8.03 27.91 7.2 28.63 6.68 27.75 6.68"/>
<polygon id="Shape" fill="#FFFFFF" points="27.47 10.08 27.2 10.92 26.32 10.92 27.03 11.44 26.76 12.27 27.47 11.76 28.19 12.27 27.91 11.44 28.63 10.92 27.75 10.92"/>
<polygon id="Shape" fill="#FFFFFF" points="27.47 14.33 27.2 15.16 26.32 15.16 27.03 15.68 26.76 16.52 27.47 16 28.19 16.52 27.91 15.68 28.63 15.16 27.75 15.16"/>
<polygon id="Shape" fill="#FFFFFF" points="27.75 19.4 27.47 18.57 27.2 19.4 26.32 19.4 27.03 19.92 26.76 20.76 27.47 20.24 28.19 20.76 27.91 19.92 28.63 19.4"/>
<polygon id="Shape" fill="#FFFFFF" points="29.53 5.07 29.26 5.91 29.97 5.39 30.68 5.91 30.41 5.07 31.12 4.56 30.24 4.56 29.97 3.72 29.7 4.56 28.82 4.56"/>
<polygon id="Shape" fill="#FFFFFF" points="29.97 7.96 29.7 8.8 28.82 8.8 29.53 9.32 29.26 10.15 29.97 9.64 30.68 10.15 30.41 9.32 31.12 8.8 30.24 8.8"/>
<polygon id="Shape" fill="#FFFFFF" points="29.97 12.2 29.7 13.04 28.82 13.04 29.53 13.56 29.26 14.4 29.97 13.88 30.68 14.4 30.41 13.56 31.12 13.04 30.24 13.04"/>
<polygon id="Shape" fill="#FFFFFF" points="29.97 16.45 29.7 17.28 28.82 17.28 29.53 17.8 29.26 18.64 29.97 18.12 30.68 18.64 30.41 17.8 31.12 17.28 30.24 17.28"/>
<polygon id="Shape" fill="#FFFFFF" points="30.24 21.52 29.97 20.69 29.7 21.52 28.82 21.52 29.53 22.04 29.26 22.88 29.97 22.36 30.68 22.88 30.41 22.04 31.12 21.52"/>
</g>
</g>
</g>
</svg>
)
}
src/renderer/pages/settings-page.component.tsx
+5 -4
View File
@@ -3,6 +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 { DefaultConfigKey, ThemeConfig } from "renderer/config/default-configuration.config";
import { useObservable } from "renderer/hooks/use-observable.hook";
import { useTranslation } from "renderer/hooks/use-translation.hook";
@@ -39,8 +40,8 @@ export function SettingsPage() {
{id: 3, text: "Operating System", value: "os" as ThemeConfig}
];
const languagesItems: RadioItem[] = i18nService.getSupportedLanguages().map((l, index) => {
return {id: index, text: t(`pages.settings.languages.${l}`), value: l, textIcon:t(`pages.settings.languages.translated.${l}`), icon: "trash"};
const languagesItems: RadioItem[] = i18nService.getSupportedLanguages().map((l, index) => {
return {id: index, text: t(`pages.settings.languages.${l}`), value: l, textIcon:t(`pages.settings.languages.translated.${l}`), icon: `${l}-flag` as BsmIconType};
});
const[themeIdSelected, setThemeIdSelected]= useState(themeItem.find(e => e.value === themeService.getTheme()).id);
@@ -88,8 +89,8 @@ export function SettingsPage() {
progressBarService.complete();
setTimeout(() => progressBarService.hide(true), 1000);
}, 1000);
if(res.success){
setInstallationFolder(res.data);
if(res.success){
setInstallationFolder(res.data);
notificationService.notifySuccess({title: "Transfer completed", duration: 3000});
}
});