@@ -2,6 +2,7 @@ import React, { useEffect } from 'react';
22import { t } from '../i18n/translations' ;
33import './Settings.css' ; // Reuse settings styles for consistency
44import appLogo from '../assets/app_logo.png' ;
5+ import kofiLogo from '../assets/kofi_symbol.png' ;
56import { useUI } from '../context/UIContext' ;
67
78import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' ;
@@ -20,7 +21,7 @@ const About: React.FC = () => {
2021 < div onClick = { toggleKofi } style = { { cursor : 'pointer' , display : 'inline-block' } } >
2122 < img src = { appLogo } alt = "Playerr" style = { { width : '100px' , height : 'auto' , marginBottom : '0.75rem' } } />
2223 </ div >
23- < h3 > Playerr v0.4.7 </ h3 >
24+ < h3 > Playerr v0.4.8 </ h3 >
2425 </ div >
2526
2627 < div className = "settings-section" style = { { border : 'none' , padding : 0 , backgroundColor : 'transparent' } } >
@@ -73,9 +74,11 @@ const About: React.FC = () => {
7374 rel = "noopener noreferrer"
7475 className = "social-btn kofi"
7576 >
76- < svg viewBox = "0 0 24 24" fill = "currentColor" width = "18" height = "18" style = { { marginRight : '6px' } } >
77- < path d = "M23.881 8.948c-.773-4.085-4.859-5.005-4.859-5.005s-.561-1.184-1.253-2.486c-.543-1.023-1.058-1.511-1.637-1.457-.579.054-1.132.55-1.132 1.517 0 .967-.008 5.731-.008 5.731v1.6l-2.008-1.442h-3.955c-1.312 0-2.373 1.061-2.373 2.373v8.527c0 1.312 1.061 2.373 2.373 2.373h10.437c1.312 0 2.373-1.061 2.373-2.373v-1.132c1.391-.129 3.033-1.121 3.518-3.327.484-2.206-.476-4.904-1.476-6.904zm-3.52 6.848c-.223 1.012-1 1.637-2.153 1.637h-1.34v-7.39h1.34c1.153 0 1.93.625 2.153 1.637.223 1.012.223 3.104 0 4.116z" />
78- </ svg >
77+ < img
78+ src = { kofiLogo }
79+ alt = "Ko-fi"
80+ style = { { width : '22px' , height : 'auto' , marginRight : '8px' } }
81+ />
7982 Ko-fi
8083 </ a >
8184 < a
0 commit comments