Merge pull request #48 from ansari-project/usability-improvements

Usability improvements

Author: waleedkadous

src/components/chat/ChatInput.tsx

@@ -92,7 +92,7 @@ const ChatInput: React.FC<ChatInputProps> = ({ value, onSendPress, onInputChange
           onKeyPress={(event: KeyboardEvent) => handleKeyPress(event)}
           onChangeText={handleChange}
           onContentSizeChange={handleContentSizeChange}
-          className={`flex-1 rounded text-sm ${isRTL ? 'ml-2.5 text-right' : 'mr-2.5 text-left'}`}
+          className={`flex-1 rounded text-base ${isRTL ? 'ml-2.5 text-right' : 'mr-2.5 text-left'}`}
           style={{
             color: theme.textColor,
             outlineWidth: 0,

src/components/chat/MessageBubble.tsx

@@ -155,11 +155,11 @@ const markdownStyles = {
   },
   heading5: {
     flexDirection: 'row',
-    fontSize: 13,
+    fontSize: 16,
   },
   heading6: {
     flexDirection: 'row',
-    fontSize: 11,
+    fontSize: 16,
   },
 
   // Horizontal Rule

src/components/menu/NameContainer.tsx

@@ -7,7 +7,7 @@ import { useDispatch, useSelector } from 'react-redux'
 import { useTranslation } from 'react-i18next'
 import { useRouter } from 'expo-router'
 import { CloseIcon, LikeIcon, LogoutIcon } from '@/components/svg'
-import { useAuth } from '@/hooks'
+import { useAuth, useLogout } from '@/hooks'
 
 type NameContainerProps = {
   name: string
@@ -24,6 +24,7 @@ const NameContainer: React.FC<NameContainerProps> = ({ name, nameColor, displayN
   const { t } = useTranslation('common')
   const router = useRouter()
   const dispatch = useDispatch<AppDispatch>()
+  const doLogout = useLogout()
 
   if (nameColor === undefined) {
     nameColor = theme.textColor
@@ -105,10 +106,11 @@ const NameContainer: React.FC<NameContainerProps> = ({ name, nameColor, displayN
           )}
           <Pressable
             className={'flex-row items-center py-4'}
-            onPress={() => {
+            onPress={async () => {
               setIsVisible(false)
               dispatch(toggleSideMenu(false))
-              router.push('/logout')
+              await doLogout()
+              router.push('/')
             }}
           >
             <LogoutIcon stroke={theme.textColor} />

src/components/prompts/PromptCard.tsx

@@ -43,15 +43,15 @@ const PromptCard: React.FC<Props> = ({ title, subtitle, Icon, onPress, isMiddle
     >
       <View className='flex-1'>
         <StyledText
-          className='text-sm leading-[21px] font-bold'
+          className='text-base font-bold'
           textAlign='left'
           style={{ color: isActive ? theme.hoverColor : theme.textColor }}
         >
           {title}
         </StyledText>
         <StyledText
           textAlign='left'
-          className='text-sm leading-[21px] font-normal'
+          className='text-base font-normal'
           style={{ color: isActive ? theme.hoverColor : theme.textColor }}
         >
           {subtitle}

src/services/UserService.ts

@@ -62,7 +62,8 @@ class UserService {
 
       // Checking if the response is OK (status code in the range 200-299)
       if (!response.ok) {
-        throw new ApplicationError('Failed to update password')
+        const error = await response.json()
+        throw new ApplicationError(error.detail || error.error || error.message || 'Failed to update password')
       }
 
       // Parsing the JSON response

src/utils/styles.ts

@@ -82,6 +82,7 @@ const createThemedStyles = (
       color: theme.buttonPrimaryColor,
       fontWeight: 'bold',
       fontFamily: 'Inter',
+      fontSize: 16,
     },
     buttonSecondary: {
       cursor: 'pointer',
@@ -98,6 +99,7 @@ const createThemedStyles = (
       color: theme.buttonSecondaryColor,
       fontWeight: 'bold',
       fontFamily: 'Inter',
+      fontSize: 16,
     },
     buttonTextDisabled: {
       color: theme.textColor,