Fix TypeScript error in LoginForm - change button type from 'button' to 'default'

Author: whosthatguy

src/components/auth/LoginForm/LoginForm.tsx

@@ -155,7 +155,7 @@ export const LoginForm: React.FC = () => {
             {t('login.noAccount')}
           </Auth.Text>
           <Link to="/auth/sign-up" style={{ display: 'block', textDecoration: 'none' }}>
-            <Auth.SecondaryButton type="button" block>
+            <Auth.SecondaryButton type="default" block>
               {t('common.createAccount')}
             </Auth.SecondaryButton>
           </Link>

src/components/auth/SignUpForm/SignUpForm.tsx

@@ -94,7 +94,7 @@ export const SignUpForm: React.FC = () => {
             {t('signup.alreadyHaveAccount')}
           </Auth.Text>
           <Link to="/auth/login" style={{ display: 'block', textDecoration: 'none' }}>
-            <Auth.SecondaryButton type="button" block>
+            <Auth.SecondaryButton type="default" block>
               {t('common.login')}
             </Auth.SecondaryButton>
           </Link>

src/components/common/BaseModal/BaseModal.tsx

@@ -37,14 +37,9 @@ export const BaseModal: BaseModalInterface = ({
   }
 
   // Determine the container based on fullscreen status
-  const getModalContainer = () => {
-    // Check if we're in fullscreen mode
-    if (document.fullscreenElement) {
-      return document.fullscreenElement as HTMLElement;
-    }
-    // Otherwise, render in parent (getContainer={false} means render in parent)
-    return false;
-  };
+  const getModalContainer = document.fullscreenElement
+    ? () => document.fullscreenElement as HTMLElement
+    : false;
 
   return (
     <Modal

src/components/header/components/GithubButton/GitHubButton.tsx

@@ -1,20 +1,20 @@
 import React from 'react';
 import { GithubOutlined } from '@ant-design/icons';
 import styled from 'styled-components';
-import { useAppSelector } from '@app/hooks/reduxHooks';
 import { BASE_COLORS } from '@app/styles/themes/constants';
 import { BaseButton as BaseButton } from '@app/components/common/BaseButton/BaseButton';
 
 export const GitHubButton: React.FC = (props) => {
-  const theme = useAppSelector((state) => state.theme.theme);
+  // For liquid-blue theme, use light appearance
+  const isDark = false;
 
   return (
     <Button
       type="default"
       href="https://github.com/altence/lightence-admin"
       icon={<GithubIcon />}
       target="_blank"
-      $isDark={theme === 'dark'}
+      $isDark={isDark}
       {...props}
     >
       GitHub

src/components/header/components/settingsDropdown/settingsOverlay/ThemePicker/ThemePicker.tsx

@@ -1,24 +1,13 @@
 import React from 'react';
 import { MoonSunSwitch } from '@app/components/common/MoonSunSwitch/MoonSunSwitch';
-import { ThemeType } from '@app/interfaces/interfaces';
-import { useAppDispatch, useAppSelector } from '@app/hooks/reduxHooks';
-import { setTheme } from '@app/store/slices/themeSlice';
-import { setNightMode } from '@app/store/slices/nightModeSlice';
 
 export const ThemePicker: React.FC = () => {
-  const dispatch = useAppDispatch();
-  const theme = useAppSelector((state) => state.theme.theme);
-
-  const handleClickButton = (theme: ThemeType) => {
-    dispatch(setTheme(theme));
-    dispatch(setNightMode(false));
-  };
-
+  // Only liquid-blue theme is supported - theme switching is disabled
   return (
     <MoonSunSwitch
-      isMoonActive={theme === 'dark'}
-      onClickMoon={() => handleClickButton('dark')}
-      onClickSun={() => handleClickButton('light')}
+      isMoonActive={false}
+      onClickMoon={() => {}}
+      onClickSun={() => {}}
     />
   );
 };

src/components/layouts/main/sider/SiderLogo.tsx

@@ -4,7 +4,6 @@ import { RightOutlined } from '@ant-design/icons';
 import { useResponsive } from 'hooks/useResponsive';
 import logo from 'assets/logo.png';
 import logoDark from 'assets/logo-dark.png';
-import { useAppSelector } from '@app/hooks/reduxHooks';
 
 interface SiderLogoProps {
   isSiderCollapsed: boolean;
@@ -13,9 +12,8 @@ interface SiderLogoProps {
 export const SiderLogo: React.FC<SiderLogoProps> = ({ isSiderCollapsed, toggleSider }) => {
   const { tabletOnly } = useResponsive();
 
-  const theme = useAppSelector((state) => state.theme.theme);
-
-  const img = theme === 'dark' ? logoDark : logo;
+  // For liquid-blue theme, use the default logo
+  const img = logo;
 
   return (
     <S.SiderLogoDiv>

src/components/payment/PaymentNotifications/PaymentNotifications.tsx

@@ -182,7 +182,7 @@ export const PaymentNotifications: React.FC<PaymentNotificationsProps> = ({ clas
             <BaseRow justify="space-between" align="middle">
               <BaseCol>
                 {notifications.some(n => !n.is_read) && (
-                  <BaseButton type="default" onClick={markAllAsRead}>
+                  <BaseButton type="default" onClick={() => markAllAsRead()}>
                     {t('payment.notifications.readAll', 'Mark all as read')}
                   </BaseButton>
                 )}

src/components/relay-dashboard/Balance/components/SendButton/SendButton.tsx

@@ -2,10 +2,8 @@ import React, { useState } from 'react';
 import { SendOutlined } from '@ant-design/icons';
 import * as S from '../TopUpBalanceButton/TopUpBalanceButton.styles';
 import SendModal from '../SendModal/SendModal';
-import { useAppSelector } from '@app/hooks/reduxHooks';
 
 const SendButton: React.FC = () => {
-  const { theme } = useAppSelector((state) => state.theme);
   const [isModalOpen, setIsModalOpen] = useState(false);
   const handleButtonClick = () => {
     setIsModalOpen(true);
@@ -16,7 +14,7 @@ const SendButton: React.FC = () => {
   return (
     <>
       <S.TopUpButton
-        type={theme === 'dark' ? 'ghost' : 'primary'}
+        type="primary"
         block
         onClick={handleButtonClick}
         icon={<SendOutlined />}

src/components/relay-dashboard/Balance/components/TopUpBalanceButton/TopUpBalanceButton.tsx

@@ -1,13 +1,11 @@
 import React, { useState } from 'react';
 import { DownloadOutlined } from '@ant-design/icons';
 import { useTranslation } from 'react-i18next';
-import { useAppSelector } from '@app/hooks/reduxHooks';
 import { TopUpBalanceModal } from '../TopUpBalanceModal/TopUpBalanceModal';
 import * as S from './TopUpBalanceButton.styles';
 
 export const TopUpBalanceButton: React.FC = () => {
   const { t } = useTranslation();
-  const { theme } = useAppSelector((state) => state.theme);
   const [isModalOpen, setIsModalOpen] = useState(false);
 
   const handleButtonClick = () => {
@@ -25,7 +23,7 @@ export const TopUpBalanceButton: React.FC = () => {
   return (
     <>
       <S.TopUpButton
-        type={theme === 'dark' ? 'ghost' : 'primary'}
+        type="primary"
         block
         onClick={handleButtonClick}
         icon={<DownloadOutlined />}