@@ -57,6 +57,12 @@ export function SidebarMenu({
5757 const goToPage = ( ) => {
5858 onOpenChange ?.( false )
5959 }
60+ const gotToPage : MouseEventHandler < HTMLButtonElement > = ( event ) => {
61+ event . preventDefault ( )
62+ window . electronAPI . openExternalURL (
63+ ( event . currentTarget as unknown as HTMLAnchorElement ) . href
64+ )
65+ }
6066 const goToDiscordServerURL : MouseEventHandler < HTMLButtonElement > = (
6167 event
6268 ) => {
@@ -215,6 +221,21 @@ export function SidebarMenu({
215221 </ Link >
216222 </ li >
217223 ) }
224+ { getMenuOptionVisibility ( 'unlock' ) && (
225+ < li className = "item" >
226+ < Link
227+ to = "/stw-operations/unlock"
228+ className = { currentClassNameHover }
229+ activeProps = { {
230+ className : cn ( activeClassName ) ,
231+ } }
232+ onClick = { goToPage }
233+ onAuxClick = { whatIsThis ( ) }
234+ >
235+ { t ( 'stw-operations.options.unlock' ) }
236+ </ Link >
237+ </ li >
238+ ) }
218239 </ ul >
219240 </ div >
220241 </ >
@@ -489,6 +510,68 @@ export function SidebarMenu({
489510 ) }
490511
491512 < div >
513+ < Button
514+ className = { cn (
515+ 'flex items-center gap-3 justify-center px-3 py-2 rounded-lg transition-all w-full' ,
516+ 'text-muted-foreground' ,
517+ 'hover:bg-muted hover:text-primary'
518+ ) }
519+ size = "sm"
520+ variant = "ghost"
521+ onClick = { gotToPage }
522+ onAuxClick = { whatIsThis ( ) }
523+ asChild
524+ >
525+ < a href = "https://ko-fi.com/ciensprog" >
526+ < img
527+ src = "https://stwcdn.com/ko-fi.webp"
528+ className = "flex-shrink-0 h-5"
529+ alt = "icon"
530+ />
531+ </ a >
532+ </ Button >
533+ < Button
534+ className = { cn (
535+ 'flex items-center gap-3 justify-start px-3 py-2 rounded-lg transition-all w-full' ,
536+ 'text-muted-foreground' ,
537+ 'hover:bg-muted hover:text-primary'
538+ ) }
539+ size = "sm"
540+ variant = "ghost"
541+ onClick = { gotToPage }
542+ onAuxClick = { whatIsThis ( ) }
543+ asChild
544+ >
545+ < a href = "https://stw.news/" >
546+ < img
547+ src = "https://stwcdn.com/aerial-stwnews.webp"
548+ className = "flex-shrink-0 -ml-0.5 size-5"
549+ alt = "icon"
550+ />
551+ < span className = "-ml-1" > STW News</ span >
552+ </ a >
553+ </ Button >
554+ < Button
555+ className = { cn (
556+ 'flex items-center gap-3 justify-start px-3 py-2 rounded-lg transition-all w-full' ,
557+ 'text-muted-foreground' ,
558+ 'hover:bg-muted hover:text-primary'
559+ ) }
560+ size = "sm"
561+ variant = "ghost"
562+ onClick = { gotToPage }
563+ onAuxClick = { whatIsThis ( ) }
564+ asChild
565+ >
566+ < a href = "https://discord.gg/XbGSTuXZdy" >
567+ < img
568+ src = "https://stwcdn.com/aerial-ml-corp.webp"
569+ className = "flex-shrink-0 -ml-0.5 size-5"
570+ alt = "icon"
571+ />
572+ < span className = "-ml-1" > ML Corp</ span >
573+ </ a >
574+ </ Button >
492575 < Button
493576 className = { cn (
494577 'flex items-center gap-3 justify-start px-3 py-2 rounded-lg transition-all w-full' ,
0 commit comments