Add Perdo feed option

src/renderer/components/Feed/Feed.tsx

@@ -3,6 +3,7 @@ import { CameraFeed } from '@/renderer/components/Feed/Feeds/CameraFeed';
 import { GraphFeed } from '@/renderer/components/Feed/Feeds/GraphFeed';
 import { TextFeed } from '@/renderer/components/Feed/Feeds/TextFeed';
 import { UrdfFeed } from '@/renderer/components/Feed/Feeds/UrdfFeed';
+import { PedroFeed } from '@/renderer/components/Feed/Feeds/PedroFeed';
 import { styled } from '@/renderer/globalStyles/styled';
 import {
   feedSlice,
@@ -62,6 +63,8 @@ const FeedView: FC<{
       return <UrdfFeed feed={feed} />;
     case FeedTypeEnum.Graph:
       return <GraphFeed feed={feed} />;
+    case FeedTypeEnum.Pedro:
+      return <PedroFeed />;
     default:
       return <TextFeed text="NOT SUPPORTED" />;
   }

src/renderer/components/Feed/Feeds/PedroFeed.tsx

@@ -0,0 +1,14 @@
+
+import { styled, css } from '@/renderer/globalStyles/styled';
+import React, { FC } from 'react';
+
+const StyledVideo = styled.video`
+  height: 100%;
+  width: 100%;
+  object-fit: contain;
+  overflow: hidden;
+  background: black;`
+
+export const PedroFeed: FC = ()=>{
+    return <StyledVideo src="assets/PedroPedroPedro.mp4" autoPlay loop></StyledVideo>
+}

src/renderer/components/pages/Teleop.tsx

@@ -8,15 +8,15 @@ export const Teleop: FC = () => {
   return (
     <>
       <FlipperInfoPanel />
-      <Feed feed_id={feed_id.teleop.main} defaultFeed="front_cam" />
+      <Feed feed_id={feed_id.teleop.main} defaultFeed="pedro" />
       <StyledPIP left bottom>
-        <Feed feed_id={feed_id.teleop.bottom_left} defaultFeed="back_cam" />
+        <Feed feed_id={feed_id.teleop.bottom_left} defaultFeed="pedro" />
       </StyledPIP>
       <StyledPIP left top>
-        <Feed feed_id={feed_id.teleop.top_left} defaultFeed="empty" />
+        <Feed feed_id={feed_id.teleop.top_left} defaultFeed="pedro" />
       </StyledPIP>
       <StyledPIP right top>
-        <Feed feed_id={feed_id.teleop.top_right} defaultFeed="empty" />
+        <Feed feed_id={feed_id.teleop.top_right} defaultFeed="pedro" />
       </StyledPIP>
     </>
   );

src/renderer/store/modules/feed.ts

@@ -21,6 +21,7 @@ export enum FeedTypeEnum {
   Camera,
   Urdf,
   Graph,
+  Pedro,
   NotSelected,
 }
 
@@ -39,6 +40,7 @@ export type FeedType =
   | ICameraFeed
   | IUrdfFeed
   | IGraphFeed
+  | IPedroFeed
   | INotSelected;
 
 interface BaseFeed {
@@ -81,6 +83,11 @@ export interface IGraphData {
   name: string;
 }
 
+export interface IPedroFeed extends BaseFeed {
+  type: FeedTypeEnum.Pedro;
+  name: string;
+}
+
 export const feed_id = {
   teleop: {
     main: 'teleop_main',
@@ -196,6 +203,11 @@ export const initialState: FeedState = {
         rotated: false,
       },
     },
+    pedro: {
+      type: FeedTypeEnum.Pedro,
+      id: 'pedro',
+      name: 'pedro'
+    }
   },
 };