Merge pull request #93 from Zagrios/bugfix/supporter-button-not-work/89

bugfix/supporter-button-not-work/89

src/renderer/components/settings/supporters-view/supporters-block.component.tsx

@@ -18,7 +18,7 @@ export function SupportersBlock({className, title, supporters}: Props) {
         <div className={`mb-10 flex flex-col items-center ${className}`}>
             <h2 className="uppercase text-3xl font-bold">{t(title)}</h2>
             <div className="flex justify-center flex-wrap py-5 px-20">
-                {supporters.map(s => <SupporterItem supporter={s} delay={someDelay()}/>)}
+                {supporters.map(s => <SupporterItem key={crypto.randomUUID()} supporter={s} delay={someDelay()}/>)}
             </div>
         </div>
   )

src/renderer/pages/settings-page.component.tsx

@@ -294,7 +294,7 @@ export function SettingsPage() {
                 <SettingContainer title="pages.settings.patreon.title" description="pages.settings.patreon.description">
                     <div className="flex gap-2">
                         <BsmButton className="flex w-fit rounded-md h-8 px-2 font-bold py-1 whitespace-nowrap !bg-red-500 !text-white" text="pages.settings.patreon.buttons.support" withBar={false} onClick={openSupportPage}/>
-                        <BsmButton className="flex w-fit rounded-md h-8 px-2 font-bold py-1 !text-white" withBar={false} text="pages.settings.patreon.buttons.supporters" color="#6c5ce7" onClick={() => toogleShowSupporters}/>
+                        <BsmButton className="flex w-fit rounded-md h-8 px-2 font-bold py-1 !text-white" withBar={false} text="pages.settings.patreon.buttons.supporters" color="#6c5ce7" onClick={toogleShowSupporters}/>
                     </div>
                     <SettingContainer className="mt-3" description="pages.settings.discord.description">
                         <div className="flex gap-2">