diff --git a/src/component/video/camera.tsx b/src/component/recording/camera.tsx
similarity index 100%
rename from src/component/video/camera.tsx
rename to src/component/recording/camera.tsx
diff --git a/src/component/video/capture-button.tsx b/src/component/recording/capture-button.tsx
similarity index 100%
rename from src/component/video/capture-button.tsx
rename to src/component/recording/capture-button.tsx
diff --git a/src/component/video/constants.ts b/src/component/recording/constants.ts
similarity index 100%
rename from src/component/video/constants.ts
rename to src/component/recording/constants.ts
diff --git a/src/component/video/is-foreground.tsx b/src/component/recording/is-foreground.tsx
similarity index 100%
rename from src/component/video/is-foreground.tsx
rename to src/component/recording/is-foreground.tsx
diff --git a/src/component/video/use-video-details.tsx b/src/component/recording/use-recording-details.tsx
similarity index 99%
rename from src/component/video/use-video-details.tsx
rename to src/component/recording/use-recording-details.tsx
index 6b323dd..b016cac 100644
--- a/src/component/video/use-video-details.tsx
+++ b/src/component/recording/use-recording-details.tsx
@@ -118,7 +118,7 @@ export const useVideoDetails = ({
}
// Navigate if starting flow, terminateUploadStream if completing flow
- if (mode === "start-video") {
+ if (mode === "start-recording") {
const params: VideoFlowInputParams = {
sessionName,
gameType: gameType.value,
diff --git a/src/component/session-card/session-card-footer.tsx b/src/component/video-card/video-card-footer.tsx
similarity index 53%
rename from src/component/session-card/session-card-footer.tsx
rename to src/component/video-card/video-card-footer.tsx
index fc51f24..f1863eb 100644
--- a/src/component/session-card/session-card-footer.tsx
+++ b/src/component/video-card/video-card-footer.tsx
@@ -1,26 +1,26 @@
import React from "react";
import { StyleSheet, Text, View } from "react-native";
-const SessionCardFooter = ({ sessionName, lastPlayed }) => {
+const VideoCardFooter = ({ videoName, lastPlayed }) => {
return (
- {sessionName}
- {lastPlayed}
+ {videoName}
+ {lastPlayed}
);
};
const styles = StyleSheet.create({
- sessionName: {
+ videoName: {
fontSize: 18,
paddingTop: 5,
marginHorizontal: 16,
},
- sessionDatetime: {
+ videoDatetime: {
fontSize: 10,
color: "#A3A3A3",
marginHorizontal: 16,
},
});
-export default SessionCardFooter;
+export default VideoCardFooter;
diff --git a/src/component/session-card/session-card-header.tsx b/src/component/video-card/video-card-header.tsx
similarity index 95%
rename from src/component/session-card/session-card-header.tsx
rename to src/component/video-card/video-card-header.tsx
index 1949b27..179e9f0 100644
--- a/src/component/session-card/session-card-header.tsx
+++ b/src/component/video-card/video-card-header.tsx
@@ -1,7 +1,7 @@
import React from "react";
import { Image, StyleSheet, Text, View } from "react-native";
-const SessionCardHeader = ({
+const VideoCardHeader = ({
playerName,
location,
gameType,
@@ -65,4 +65,4 @@ const styles = StyleSheet.create({
},
});
-export default SessionCardHeader;
+export default VideoCardHeader;
diff --git a/src/component/session-card/session-card-stat.tsx b/src/component/video-card/video-card-stat.tsx
similarity index 69%
rename from src/component/session-card/session-card-stat.tsx
rename to src/component/video-card/video-card-stat.tsx
index 9c1b52c..380853f 100644
--- a/src/component/session-card/session-card-stat.tsx
+++ b/src/component/video-card/video-card-stat.tsx
@@ -1,11 +1,11 @@
import React from "react";
import { StyleSheet, Text, View } from "react-native";
-const SessionCardStat = ({ sessionStat, displayName }) => {
+const VideoCardStat = ({ videoStat, displayName }) => {
return (
{displayName}
- {sessionStat}
+ {videoStat}
);
};
@@ -22,4 +22,4 @@ const styles = StyleSheet.create({
},
});
-export default SessionCardStat;
+export default VideoCardStat;
diff --git a/src/component/session-card/session-card-stats-row-container.tsx b/src/component/video-card/video-card-stats-row-container.tsx
similarity index 62%
rename from src/component/session-card/session-card-stats-row-container.tsx
rename to src/component/video-card/video-card-stats-row-container.tsx
index 0c54a8f..fcd2ea5 100644
--- a/src/component/session-card/session-card-stats-row-container.tsx
+++ b/src/component/video-card/video-card-stats-row-container.tsx
@@ -1,27 +1,27 @@
import React from "react";
import { StyleSheet, View } from "react-native";
-import SessionCardStat from "./session-card-stat";
+import VideoCardStat from "./video-card-stat";
-const SessionCardStatsRowContainer = ({
+const VideoCardStatsRowContainer = ({
makePercent,
medianRun,
duration,
shotPacing,
}) => {
const stats = [
- { displayName: "Make Percent", sessionStat: makePercent },
- { displayName: "Median Run", sessionStat: medianRun },
- { displayName: "Time Played", sessionStat: duration },
- { displayName: "Shot Pacing", sessionStat: shotPacing },
+ { displayName: "Make Percent", videoStat: makePercent },
+ { displayName: "Median Run", videoStat: medianRun },
+ { displayName: "Time Played", videoStat: duration },
+ { displayName: "Shot Pacing", videoStat: shotPacing },
];
return (
{stats.map((stat, index) => (
-
{index < stats.length - 1 && }
@@ -45,4 +45,4 @@ const styles = StyleSheet.create({
},
});
-export default SessionCardStatsRowContainer;
+export default VideoCardStatsRowContainer;
diff --git a/src/component/session-card/session-card.tsx b/src/component/video-card/video-card.tsx
similarity index 71%
rename from src/component/session-card/session-card.tsx
rename to src/component/video-card/video-card.tsx
index 566ecca..331b182 100644
--- a/src/component/session-card/session-card.tsx
+++ b/src/component/video-card/video-card.tsx
@@ -1,10 +1,10 @@
import React from "react";
import { Image, StyleSheet, View } from "react-native";
-import SessionCardFooter from "./session-card-footer";
-import SessionCardHeader from "./session-card-header";
-import SessionCardStatsRowContainer from "./session-card-stats-row-container";
+import VideoCardFooter from "./video-card-footer";
+import VideoCardHeader from "./video-card-header";
+import VideoCardStatsRowContainer from "./video-card-stats-row-container";
-const SessionCard = ({
+const VideoCard = ({
playerName,
location,
gameType,
@@ -12,7 +12,7 @@ const SessionCard = ({
medianRun,
duration,
shotPacing,
- sessionName,
+ videoName,
lastPlayed,
imageURL,
profileImageURL,
@@ -20,21 +20,21 @@ const SessionCard = ({
}) => {
return (
-
-
-
+
);
};
@@ -62,4 +62,4 @@ const styles = StyleSheet.create({
},
});
-export default SessionCard;
+export default VideoCard;
diff --git a/src/navigation/tab-navigator.tsx b/src/navigation/tab-navigator.tsx
index 8c6f0eb..74683e4 100644
--- a/src/navigation/tab-navigator.tsx
+++ b/src/navigation/tab-navigator.tsx
@@ -1,11 +1,11 @@
import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
import { createNativeStackNavigator } from "@react-navigation/native-stack";
import { Image } from "react-native";
-import CameraScreen from "../component/video/camera";
+import CameraScreen from "../component/recording/camera";
import Profile from "../screens/profile";
-import Session from "../screens/session-stack/session";
-import SessionFeed from "../screens/session-stack/session-feed";
-import VideoDetails from "../screens/video-stack/video-details";
+import RecordingDetails from "../screens/recording-stack/recording-details";
+import Video from "../screens/video-stack/video-detail";
+import VideoFeed from "../screens/video-stack/video-feed";
import { tabIconColors } from "../styles";
import Icon from "../assets/icons/favicon.png";
@@ -15,34 +15,34 @@ const RecordStack = createNativeStackNavigator();
// tabBarIcon configuration should live on separate file and contain all logic/icons/rendering for the Tabs
const tabIcons = {
- SessionStack: ,
VideoStack: ,
+ RecordingStack: ,
Profile: ,
};
-function VideoTabStack() {
+function RecordingTabStack() {
return (
);
}
-function SessionTabStack() {
+function VideoTabStack() {
return (
-
-
+
+
);
}
@@ -67,14 +67,14 @@ export default function Tabs(): React.JSX.Element {
},
})}
>
-
+
Keyboard.dismiss()}>
- {mode === "start-video" ? "Record Session" : "Save Session"}
+ {mode === "start-recording" ? "Record Session" : "Save Session"}
Session Name
@@ -70,7 +70,7 @@ export default function VideoDetails({ navigation, route }): React.JSX.Element {
- {mode === "start-video" && (
+ {mode === "start-recording" && (
navigation.goBack()}
@@ -83,7 +83,7 @@ export default function VideoDetails({ navigation, route }): React.JSX.Element {
) : (
- {mode === "start-video" ? "Next" : "Save"}
+ {mode === "start-recording" ? "Next" : "Save"}
)}
diff --git a/src/screens/video-stack/styles.ts b/src/screens/recording-stack/styles.ts
similarity index 100%
rename from src/screens/video-stack/styles.ts
rename to src/screens/recording-stack/styles.ts
diff --git a/src/screens/session-stack/session.tsx b/src/screens/video-stack/video-detail.tsx
similarity index 93%
rename from src/screens/session-stack/session.tsx
rename to src/screens/video-stack/video-detail.tsx
index e4eb66b..ae378b5 100644
--- a/src/screens/session-stack/session.tsx
+++ b/src/screens/video-stack/video-detail.tsx
@@ -8,7 +8,7 @@ import BarGraph from "../../component/charts/bar-graph/bar-graph";
import ChartContainer from "../../component/charts/container/chart-container";
import LineGraph from "../../component/charts/line-graph/line-graph";
-export default function SessionScreen() {
+export default function VideoScreen() {
return (
diff --git a/src/screens/session-stack/session-feed.tsx b/src/screens/video-stack/video-feed.tsx
similarity index 57%
rename from src/screens/session-stack/session-feed.tsx
rename to src/screens/video-stack/video-feed.tsx
index 78cae9c..17380de 100644
--- a/src/screens/session-stack/session-feed.tsx
+++ b/src/screens/video-stack/video-feed.tsx
@@ -1,28 +1,28 @@
import { StackNavigationProp } from "@react-navigation/stack";
import React from "react";
import { StyleSheet, TouchableOpacity, View } from "react-native";
-import sampleSessionImage from "../../assets/sample_session.png";
-import SessionCard from "../../component/session-card/session-card";
+import sampleVideoImage from "../../assets/sample_session.png";
+import VideoCard from "../../component/video-card/video-card";
// Define the types for your navigation stack
-type SessionStackParamList = {
- Session: undefined; // Add other screens as needed
+type VideoStackParamList = {
+ Video: undefined; // Add other screens as needed
};
-type SessionFeedNavigationProp = StackNavigationProp<
- SessionStackParamList,
- "Session"
+type VideoFeedNavigationProp = StackNavigationProp<
+ VideoStackParamList,
+ "Video"
>;
-// Define the props for SessionFeed component
-interface SessionFeedProps {
- navigation: SessionFeedNavigationProp;
+// Define the props for VideoFeed component
+interface VideoFeedProps {
+ navigation: VideoFeedNavigationProp;
}
-const SessionFeed: React.FC = ({ navigation }) => {
+const VideoFeed: React.FC = ({ navigation }) => {
return (
- navigation.push("Session")}>
- navigation.push("Video")}>
+ = ({ navigation }) => {
medianRun="7.3"
duration="5:03:10"
shotPacing="0:00:26"
- imageURL={sampleSessionImage}
- sessionName="Dusting off the chalk"
+ imageURL={sampleVideoImage}
+ videoName="Dusting off the chalk"
lastPlayed="Today at 2:37pm"
profileImageURL="https://www.pngall.com/wp-content/uploads/5/Profile-PNG-File.png"
locationIconURL="https://www.shutterstock.com/image-vector/blank-map-marker-vector-illustration-260nw-1150566347.jpg"
@@ -49,4 +49,4 @@ const styles = StyleSheet.create({
},
});
-export default SessionFeed;
+export default VideoFeed;