Feature/auth0

.cz.toml

@@ -2,6 +2,6 @@
 name = "cz_conventional_commits"
 tag_format = "$version"
 version_scheme = "semver"
-version = "0.1.1"
+version = "0.2.0"
 update_changelog_on_bump = true
 major_version_zero = true

CHANGELOG.md

@@ -1,3 +1,27 @@
+## 0.2.0 (2023-10-19)
+
+### BREAKING CHANGE
+
+- Completely redos frontend
+
+### Feat
+
+- **migrations**: added insert, drop, and reset
+- **db.go**: function to add data to the db
+- **Onboarding-Flow**: Added boiler plate for Onboarding Context
+- redo how the frontend is set up
+
+### Fix
+
+- **taskfile.yaml**: added task kill function
+- **Yarn-lock**: Fix node package issues that causes build to fail
+
+## 0.1.1 (2023-10-07)
+
+### Fix
+
+- **db.go**: added error checking for migration
+
 ## 0.1.0 (2023-10-07)
 
 ### Feat

client-new/App.tsx

@@ -3,18 +3,22 @@ import { StyleSheet, Text, View } from "react-native";
 import Router from "./src/navigation/Router";
 import { NativeBaseProvider, extendTheme } from "native-base";
 import { SafeAreaProvider } from "react-native-safe-area-context";
+import { Auth0Provider } from "react-native-auth0";
+import { AuthProvider } from "./src/contexts/AuthContext";
 
 export default function App() {
   const theme = extendTheme({
     fontConfig: {},
     colors: {},
   });
   return (
-    <SafeAreaProvider>
-      <NativeBaseProvider>
-        <Router />
-      </NativeBaseProvider>
-    </SafeAreaProvider>
+    <AuthProvider>
+      <SafeAreaProvider>
+        <NativeBaseProvider>
+          <Router />
+        </NativeBaseProvider>
+      </SafeAreaProvider>
+    </AuthProvider>
   );
 }
 

client-new/app.json

@@ -16,13 +16,14 @@
     ],
     "ios": {
       "supportsTablet": true,
-      "bundleIdentifier": "com.dupuguntla.a.legacy"
+      "bundleIdentifier": "com.legacy"
     },
     "android": {
       "adaptiveIcon": {
         "foregroundImage": "./assets/adaptive-icon.png",
         "backgroundColor": "#ffffff"
-      }
+      },
+      "package": "com.legacy"
     },
     "web": {
       "favicon": "./assets/favicon.png"

client-new/firebase.ts

@@ -0,0 +1,17 @@
+import * as firebase from "firebase/app";
+import * as firebaseAuth from "firebase/auth";
+
+const firebaseConfig = {
+    apiKey: "AIzaSyDjdkEvyE9m0URAbvyFSIpJVNI-xEATs84",
+    authDomain: "legacy-4ba7f.firebaseapp.com",
+    projectId: "legacy-4ba7f",
+    storageBucket: "legacy-4ba7f.appspot.com",
+    messagingSenderId: "403289696368",
+    appId: "1:403289696368:web:eae1fe6606facbbfdf6cb5",
+    measurementId: "G-ES6PJGKJTJ"
+  };
+
+// Initialize Firebase
+const app = firebase.initializeApp(firebaseConfig);
+
+export const auth = firebaseAuth.getAuth(app);;

client-new/package.json

@@ -10,22 +10,27 @@
     "ts:check": "tsc"
   },
   "dependencies": {
+    "@react-native-community/slider": "^4.4.3",
     "@react-navigation/native": "^6.1.8",
     "@react-navigation/native-stack": "^6.9.14",
     "@types/react": "^18.2.28",
     "@types/react-dom": "^18.2.13",
     "@types/react-native": "^0.72.3",
     "expo": "~49.0.13",
     "expo-dev-client": "^2.4.11",
+    "expo-secure-store": "^12.5.0",
     "expo-status-bar": "~1.6.0",
+    "firebase": "^10.5.0",
     "native-base": "^3.4.28",
     "react": "18.2.0",
     "react-dom": "^18.2.0",
     "react-native": "0.72.5",
+    "react-native-auth0": "^3.0.2",
     "react-native-responsive-screen": "^1.4.2",
     "react-native-safe-area-context": "^4.7.2",
     "react-native-screens": "^3.25.0",
-    "react-native-svg": "^13.14.0"
+    "react-native-svg": "^13.14.0",
+    "react-native-vector-icons": "^10.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",

client-new/src/components/reusable/Circle.tsx

@@ -0,0 +1,29 @@
+import { View, Text } from "native-base";
+import { border } from "native-base/lib/typescript/theme/styled-system";
+import {
+  widthPercentageToDP as w,
+  heightPercentageToDP as h,
+} from "react-native-responsive-screen";
+
+type CircleProps = {
+  color: string;
+  border?: boolean
+};
+
+export default function Circle(props: CircleProps) {
+
+  const borderWidth = props.border ? 1 : 0
+
+  return (
+    <>
+      <View
+        height={h("1.6%")}
+        width={h("1.6%")}
+        backgroundColor={props.color}
+        borderRadius={w("80%") / 2}
+        borderColor={"#000000"}
+        borderWidth={borderWidth}
+      ></View>
+    </>
+  );
+}

client-new/src/components/reusable/CircleProgressBar.tsx

@@ -0,0 +1,38 @@
+import { View } from "native-base";
+import Circle from "./Circle";
+import {
+  widthPercentageToDP as w,
+  heightPercentageToDP as h,
+} from "react-native-responsive-screen";
+
+type CircleProgressBarProps = {
+  totalCircles: number;
+  completedCircles: number;
+};
+
+export default function CircleProgressBar(props: CircleProgressBarProps) {
+  const circles = [];
+
+  for (let i = 0; i < props.totalCircles; i++) {
+    if (i === 0 && props.completedCircles === 0) {
+      circles.push(<Circle color="#FFFFFF" border={true} key={i}/>);
+    } else if (i < props.completedCircles) {
+      circles.push(<Circle color="#000000" key={i}/>);
+    } else if (i === props.completedCircles) {
+      circles.push(<Circle color="#D9D9D9" border={true} key={i}/>);
+    } else {
+      circles.push(<Circle color="#D9D9D9" />);
+    }
+  }
+
+  return (
+    <View
+      width={w("80%") * (props.totalCircles / 6)}
+      flexDirection={"row"}
+      justifyContent={"space-between"}
+      alignItems={"center"}
+    >
+      {circles}
+    </View>
+  );
+}

client-new/src/components/reusable/CompaniesFooter.tsx

@@ -0,0 +1,28 @@
+import { Text, View } from "native-base";
+import {
+  widthPercentageToDP as w,
+  heightPercentageToDP as h,
+} from "react-native-responsive-screen";
+
+export default function CompaniesFooter() {
+  return (
+    <>
+      <View
+        width={w("80%")}
+        flexDirection={"row"}
+        justifyContent={"space-between"}
+        alignItems={"center"}
+        paddingBottom={h("1.5%")}
+      >
+        <Text fontSize={12}>Company 1</Text>
+        <Text fontSize={12}>Company 2</Text>
+        <Text fontSize={12}>Company 3</Text>
+      </View>
+      <View justifyContent={"space-between"} alignItems={"center"}>
+        <Text fontWeight={"bold"} fontSize={12}>
+          See why these companies are partnered with Legacy
+        </Text>
+      </View>
+    </>
+  );
+}

client-new/src/components/reusable/HalfScreenWideButton.tsx

@@ -0,0 +1,32 @@
+import { Text, Button } from "native-base";
+import React from "react";
+import {
+  widthPercentageToDP as w,
+  heightPercentageToDP as h,
+} from "react-native-responsive-screen";
+
+type ScreenWideButtonProps = {
+  text: string;
+  textColor: string;
+  backgroundColor: string;
+  borderColor: string;
+  onClick?: (input) => any;
+};
+
+export default function HalfScreenWideButton(props: ScreenWideButtonProps) {
+  return (
+    <>
+      <Button
+        backgroundColor={props.backgroundColor}
+        width={w("37.5%")}
+        height={h("5%")}
+        borderRadius={w("80%") / 2}
+        onPress={props.onClick}
+        borderColor={props.borderColor}
+        borderWidth={1}
+      >
+        <Text color={props.textColor}>{props.text}</Text>
+      </Button>
+    </>
+  );
+}

client-new/src/components/reusable/LegacyWordmark.tsx

@@ -0,0 +1,10 @@
+import { Text, View } from "native-base";
+export default function LegacyWordmark() {
+  return (
+    <View justifyContent={"center"}>
+      <Text fontWeight={"bold"} fontSize={"xl"}>
+        Legacy Wordmark
+      </Text>
+    </View>
+  );
+}

client-new/src/components/reusable/LetsGo.tsx

@@ -0,0 +1,10 @@
+import { Text, View } from "native-base";
+export default function LetsGo() {
+  return (
+    <>
+      <Text fontWeight={"bold"} fontSize={"6xl"}>
+        Let's go!
+      </Text>
+    </>
+  );
+}

client-new/src/components/reusable/QuestionaireBox.tsx

@@ -0,0 +1,77 @@
+import React from "react";
+import { View, Text, Slider } from "native-base";
+import {
+  widthPercentageToDP as w,
+  heightPercentageToDP as h,
+} from "react-native-responsive-screen";
+import ResponseSlider from "./ResponseSlider";
+
+type QuestionaireBoxProps = {
+  text1: string;
+  text2: string;
+  initialSliderValue: number;
+  field: string;
+  handleChange: (name, value) => void
+};
+
+export default function QuestionaireBox(props: QuestionaireBoxProps) {
+  return (
+    <View
+      backgroundColor={"#FFFFFF"}
+      borderRadius={10}
+      paddingTop={h("3%")}
+      paddingBottom={h("3%")}
+      width={w("80%")}
+      height={h("50%")}
+      alignItems={"center"}
+    >
+      <View alignItems={"center"} width={w("70%")}>
+        <Text fontSize={20} fontWeight={600} paddingBottom={h("1.5%")}>
+          {props.text1}
+        </Text>
+        <Text
+          fontSize={16}
+          fontWeight={300}
+          textAlign={"center"}
+          paddingBottom={h("2%")}
+        >
+          {props.text2}
+        </Text>
+      </View>
+
+      <View
+        width={w("40%")}
+        height={w("40%")}
+        backgroundColor={"#D9D9D9"}
+        marginBottom={h("6.1%")}
+      ></View>
+
+      <View
+        width={w("68%")}
+        flexDirection="row"
+        justifyContent={"space-between"}
+        alignItems="center"
+        paddingBottom={h("0.5%")}
+      >
+        <Text fontSize={11}>1</Text>
+        <Text fontSize={11}>5</Text>
+      </View>
+
+      <Slider
+        w={w("67%")}
+        colorScheme="gray"
+        defaultValue={props.initialSliderValue}
+        minValue={1}
+        maxValue={5}
+        step={1}
+        onChange={(value) => props.handleChange(props.field, value)}
+      >
+        <Slider.Track>
+          <Slider.FilledTrack />
+        </Slider.Track>
+        <Slider.Thumb />
+      </Slider>
+      {/* <ResponseSlider /> */}
+    </View>
+  );
+}