chore: adjusted headers and changed tip placement

HansGabriel · Dec 16, 2023 · a47a119 · a47a119
1 parent 2c0bd8c
commit a47a119
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 22 deletions.
diff --git a/apps/expo/src/components/bottom-sheet/ChoiceBottomSheet.tsx b/apps/expo/src/components/bottom-sheet/ChoiceBottomSheet.tsx
@@ -5,7 +5,6 @@ import {
   ChatIcon,
   CheckboxIcon,
 } from "../../icons/bottom-sheet";
-import { Foundation } from "@expo/vector-icons";
 
 import type { FC } from "react";
 import type { QuestionType } from "../../stores/useQuestionStore";
@@ -30,23 +29,17 @@ const ChoiceBottomSheet: FC<Props> = ({
   return (
     <View className="flex-1 bg-white pt-2 shadow shadow-black">
       <View className="mx-6 my-4 flex flex-row">
-        <View className=" w-full items-center justify-evenly self-center rounded-2xl border border-zinc-100 bg-white">
-          <View className="mt-2">
-            <Foundation name="lightbulb" size={30} color="#7c3aed" />
-          </View>
+        <View className="w-full items-center justify-evenly self-center rounded-2xl border border-zinc-100 bg-white">
           <View className="my-2">
-            <Text className="font-nunito-bold self-center text-center text-lg">
-              Just a tip!
-            </Text>
-            <Text className="font-nunito-semibold self-center px-8 text-center text-sm">
-              Please create at least one (1) question to save the test!
+            <Text className="font-nunito-bold self-center text-center text-xl">
+              Please choose your question type!
             </Text>
           </View>
         </View>
       </View>
 
       {/* Horizontal Line */}
-      <View className="mb-3 h-[0px] w-[382px] self-center border border-zinc-100" />
+      <View className="my-5 h-[0px] w-[382px] self-center border border-zinc-100" />
 
       {/* Cards Choices */}
       <ScrollView showsVerticalScrollIndicator={false}>

diff --git a/apps/expo/src/components/cards/QuestionCard.tsx b/apps/expo/src/components/cards/QuestionCard.tsx
@@ -87,7 +87,7 @@ const QuestionCard: FC<QuestionCardProps> = ({
           numberOfLines={1}
           ellipsizeMode="tail"
         >
-          {truncateString(question.title, 25)}
+          {truncateString(question.title, 20)}
         </Text>
       </View>
     </TouchableOpacity>

diff --git a/apps/expo/src/components/headers/SettingsHeader.tsx b/apps/expo/src/components/headers/SettingsHeader.tsx
@@ -15,7 +15,8 @@ const SettingsHeader: FC<HeaderProps> = ({ screenName }) => {
         <View className="w-[90%] flex-row gap-4 self-center">
           <TouchableOpacity
             onPress={goBack}
-            className="flex flex-row items-center self-center"
+            className="flex flex-row items-center self-center p-1"
+            hitSlop={{ top: 5, bottom: 5, left: 5, right: 5 }}
           >
             <LeftArrowIcon />
           </TouchableOpacity>

diff --git a/apps/expo/src/components/headers/ViewAllScreenHeader.tsx b/apps/expo/src/components/headers/ViewAllScreenHeader.tsx
@@ -46,21 +46,21 @@ const ViewAllScreenHeader: FC<Props> = ({
           />
         </View>
       ) : (
-        <View className="sticky z-50 mx-3 flex flex-row justify-between bg-white py-5">
-          <View className="flex-row self-center">
+        <View className="sticky z-50 mx-3 flex flex-row justify-between self-center bg-white py-5">
+          <View className="w-[90%] flex-row space-x-4 self-center">
             <TouchableOpacity
               className="flex flex-row items-center gap-2 self-center"
               onPress={goBack}
             >
               <LeftArrowIcon />
-              <Text
-                className="font-nunito-bold w-4/5 text-2xl leading-[38.40px] text-neutral-800"
-                numberOfLines={1}
-                ellipsizeMode="tail"
-              >
-                {props.title}
-              </Text>
             </TouchableOpacity>
+            <Text
+              className="font-nunito-bold w-4/5 text-2xl leading-[38.40px] text-neutral-800"
+              numberOfLines={1}
+              ellipsizeMode="tail"
+            >
+              {props.title}
+            </Text>
           </View>
           {displaySearchBar && (
             <TouchableOpacity className="self-center" onPress={openSearchBar}>