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;