styling fixes

TritonSE · May 14, 2024 · 73951f4 · 73951f4
1 parent 69509c8
commit 73951f4
Show file tree

Hide file tree

Showing 16 changed files with 358 additions and 59 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/dfm-sideline-sidekick-app/app.json b/dfm-sideline-sidekick-app/app.json
@@ -13,16 +13,23 @@
     },
     "assetBundlePatterns": ["**/*"],
     "ios": {
-      "supportsTablet": true
+      "supportsTablet": true,
+      "bundleIdentifier": "dfmsidelinesidekickapp"
     },
     "android": {
       "adaptiveIcon": {
         "foregroundImage": "./assets/adaptive-icon.png",
         "backgroundColor": "#ffffff"
-      }
+      },
+      "package": "com.anthonyp0329.dfmsidelinesidekickapp"
     },
     "web": {
       "favicon": "./assets/favicon.png"
+    },
+    "extra": {
+      "eas": {
+        "projectId": "81d4d973-577a-4924-aa62-1a57fda7e880"
+      }
     }
   }
 }
diff --git a/dfm-sideline-sidekick-app/components/SearchBarComponent.tsx b/dfm-sideline-sidekick-app/components/SearchBarComponent.tsx
@@ -36,6 +36,8 @@ const SearchBar: React.FC<SearchBarProps> = ({
           value={query}
           onChangeText={setQuery}
           onFocus={onFocus}
+          // eslint-disable-next-line jsx-a11y/no-autofocus
+          autoFocus={isFocused}
           onBlur={onBlur}
           selectionColor="#909090"
         />

diff --git a/dfm-sideline-sidekick-app/components/barStyles.tsx b/dfm-sideline-sidekick-app/components/barStyles.tsx
@@ -5,13 +5,21 @@ const styles = StyleSheet.create({
     flexDirection: "row",
     justifyContent: "space-around",
     alignItems: "center",
-    backgroundColor: "#f0f0f0",
+    backgroundColor: "#ffffff",
     padding: 8,
     position: "absolute",
     bottom: 0,
     left: 0,
     right: 0,
     height: 79,
+    elevation: 10,
+
+    shadowColor: "rgba(0, 0, 0, 0.5)",
+
+    // To add shadows for IOS devices
+    shadowOffset: { width: 0, height: 2 },
+    shadowOpacity: 1,
+    shadowRadius: 2,
   },
 });
 

diff --git a/dfm-sideline-sidekick-app/components/viewAll.tsx b/dfm-sideline-sidekick-app/components/viewAll.tsx
@@ -3,8 +3,7 @@ import { ParamListBase, RouteProp } from "@react-navigation/native"; // Import R
 import { StackNavigationProp } from "@react-navigation/stack"; // Import StackNavigationProp
 import { useFonts } from "expo-font";
 import React from "react";
-import { Pressable, ScrollView, Text, TouchableOpacity, View } from "react-native";
-import Icon from "react-native-vector-icons/FontAwesome";
+import { Image, Pressable, ScrollView, Text, TouchableOpacity, View } from "react-native";
 
 import { GeneralPrinciple, MedicalEmergency } from "../functions/DataContext";
 import { Bookmark } from "../pages/HomePage";
@@ -80,7 +79,8 @@ const ViewAll: React.FC<ViewAllProps> = ({ navigation, route }) => {
           }}
           style={styles.backButtonContainer}
         >
-          <Icon name="chevron-left" size={12} color="#000000" style={styles.backButton} />
+          {/* eslint-disable-next-line @typescript-eslint/no-unsafe-assignment */}
+          <Image source={require("../assets/ic_caretleft.png")} />
         </TouchableOpacity>
         <View style={styles.headerShadowContainer}>
           <View style={styles.headerShadow}>

diff --git a/dfm-sideline-sidekick-app/eas.json b/dfm-sideline-sidekick-app/eas.json
@@ -0,0 +1,25 @@
+{
+  "cli": {
+    "version": ">= 8.0.0"
+  },
+  "build": {
+    "development": {
+      "developmentClient": true,
+      "distribution": "internal",
+      "env": {
+        "EXPO_PUBLIC_IP_ADDRESS": "http://100.115.166.152:3001"
+      }
+    },
+    "preview": {
+      "distribution": "internal"
+    },
+    "production": {
+      "env": {
+        "EXPO_PUBLIC_IP_ADDRESS": "https://sideline-sidekick-app.web.app"
+      }
+    }
+  },
+  "submit": {
+    "production": {}
+  }
+}