fix: hide uv pv stats when disabled (openRin#461)

(cherry picked from commit c3289c3)

Author: OXeu

client/src/components/footer.tsx

@@ -14,7 +14,7 @@ function Footer() {
   const [modeState, setModeState] = useState<ThemeMode>('system')
   const config = useContext(ClientConfigContext)
   const footerHtml = config.get<string>('footer')
-  const loginEnabled = config.get<boolean>('login.enabled')
+  const loginEnabled = config.getBoolean('login.enabled')
   const [doubleClickTimes, setDoubleClickTimes] = useState(0)
 
   const setMode = useCallback((mode: ThemeMode) => {
@@ -74,7 +74,7 @@ function Footer() {
           <a className='hover:underline' href='https://github.com/Bad3r/Rin' target='_blank' rel='noopener'>
             Rin
           </a>
-          {config.get<boolean>('rss') && (
+          {config.getBoolean('rss') && (
             <>
               <Spliter />
               <Popup

client/src/components/header.tsx

@@ -323,7 +323,7 @@ function UserAvatar({ className, profile }: { className?: string; profile?: Prof
   return (
     <>
       {' '}
-      {config.get<boolean>('login.enabled') && (
+      {config.getBoolean('login.enabled') && (
         <div className={`${className} flex flex-row items-center`}>
           {profile ? (
             <div className='w-8 relative group'>

client/src/page/feed.tsx

@@ -32,7 +32,7 @@ export function FeedPage({ id, TOC, clean }: { id: string; TOC: () => JSX.Elemen
   const { showConfirm, ConfirmUI } = useConfirm()
   const [top, setTop] = useState<number>(0)
   const config = useContext(ClientConfigContext)
-  const counterEnabled = config.get<boolean>('counter.enabled')
+  const counterEnabled = config.getBoolean('counter.enabled')
   const [aiSummaryEnabled, setAiSummaryEnabled] = useState(config.get<boolean>('ai_summary.enabled') ?? false)
 
   // Listen for config changes
@@ -421,7 +421,7 @@ function Comments({ id }: { id: string }) {
   }, [id, loadComments])
   return (
     <>
-      {config.get<boolean>('comment.enabled') && (
+      {config.getBoolean('comment.enabled') && (
         <div className='m-2 flex flex-col justify-center items-center'>
           <CommentInput id={id} onRefresh={loadComments} />
           {error && (

client/src/page/settings.tsx

@@ -331,7 +331,7 @@ function ItemSwitch({
   const { showAlert, AlertUI } = useAlert()
   const { t } = useTranslation()
   useEffect(() => {
-    const value = config?.get<boolean>(configKey)
+    const value = config?.getBoolean(configKey)
     if (value !== undefined) {
       setChecked(value)
     }

client/src/state/config.tsx

@@ -44,6 +44,26 @@ export class ConfigWrapper {
   default<T>(key: string) {
     return this.defaultConfig.get(key) as T
   }
+
+  getBoolean(key: string): boolean {
+    const value = this.get<unknown>(key)
+
+    if (typeof value === 'boolean') {
+      return value
+    }
+
+    if (typeof value === 'string') {
+      const normalizedValue = value.trim().toLowerCase()
+      if (normalizedValue === 'true') return true
+      if (normalizedValue === 'false') return false
+    }
+
+    if (typeof value === 'number') {
+      return value !== 0
+    }
+
+    return Boolean(value)
+  }
 }
 
 export const defaultClientConfigWrapper = new ConfigWrapper({}, defaultClientConfig)