Create video card fragment

Reviewed-on: #114

src/index.tsx

@@ -2786,6 +2786,38 @@ export type GetFeedQuery = {
   };
 };
 
+export type VideoCardFieldsFragment = {
+  __typename?: "VideoGQL";
+  id: number;
+  name?: string | null;
+  screenshotUri?: string | null;
+  totalShotsMade: number;
+  totalShots: number;
+  makePercentage: number;
+  createdAt?: any | null;
+  updatedAt?: any | null;
+  startTime?: any | null;
+  endTime?: any | null;
+  elapsedTime?: number | null;
+  tableSize: number;
+  owner?: {
+    __typename?: "UserGQL";
+    id: number;
+    username: string;
+    profileImageUri?: string | null;
+  } | null;
+  stream?: {
+    __typename?: "UploadStreamGQL";
+    id: string;
+    isCompleted: boolean;
+  } | null;
+  tags: Array<{
+    __typename?: "VideoTag";
+    name: string;
+    tagClasses: Array<{ __typename?: "VideoTagClass"; name: string }>;
+  }>;
+};
+
 export type GetVideoFeedQueryVariables = Exact<{
   limit?: Scalars["Int"]["input"];
   after?: InputMaybe<Scalars["String"]["input"]>;
@@ -2810,7 +2842,12 @@ export type GetVideoFeedQuery = {
       endTime?: any | null;
       elapsedTime?: number | null;
       tableSize: number;
-      owner?: { __typename?: "UserGQL"; username: string } | null;
+      owner?: {
+        __typename?: "UserGQL";
+        id: number;
+        username: string;
+        profileImageUri?: string | null;
+      } | null;
       stream?: {
         __typename?: "UploadStreamGQL";
         id: string;
@@ -3952,6 +3989,38 @@ export type GetUploadStreamsWithDetailsQuery = {
   };
 };
 
+export const VideoCardFieldsFragmentDoc = gql`
+  fragment VideoCardFields on VideoGQL {
+    id
+    owner {
+      id
+      username
+      profileImageUri
+    }
+    name
+    screenshotUri
+    totalShotsMade
+    totalShots
+    makePercentage
+    createdAt
+    updatedAt
+    startTime
+    endTime
+    elapsedTime
+    screenshotUri
+    stream {
+      id
+      isCompleted
+    }
+    tableSize
+    tags {
+      tagClasses {
+        name
+      }
+      name
+    }
+  }
+`;
 export const ShotWithAllFeaturesFragmentDoc = gql`
   fragment ShotWithAllFeatures on ShotGQL {
     id
@@ -4337,32 +4406,7 @@ export const GetVideoFeedDocument = gql`
   ) {
     getFeedVideos(limit: $limit, after: $after, filters: $filters) {
       videos {
-        id
-        owner {
-          username
-        }
-        name
-        screenshotUri
-        totalShotsMade
-        totalShots
-        makePercentage
-        createdAt
-        updatedAt
-        startTime
-        endTime
-        elapsedTime
-        screenshotUri
-        stream {
-          id
-          isCompleted
-        }
-        tableSize
-        tags {
-          tagClasses {
-            name
-          }
-          name
-        }
+        ...VideoCardFields
       }
       pageInfo {
         hasNextPage
@@ -4370,6 +4414,7 @@ export const GetVideoFeedDocument = gql`
       }
     }
   }
+  ${VideoCardFieldsFragmentDoc}
 `;
 
 /**

src/operations/feed.gql

@@ -1,3 +1,4 @@
+# DO NOT USE: use getVideoFeed instead
 query GetFeed(
   $limit: Int! = 5
   $after: String = null
@@ -39,16 +40,12 @@ query GetFeed(
   }
 }
 
-query GetVideoFeed(
-  $limit: Int! = 5
-  $after: String = null
-  $filters: VideoFilterInput = null
-) {
-  getFeedVideos(limit: $limit, after: $after, filters: $filters) {
-    videos {
+fragment VideoCardFields on VideoGQL {
   id
   owner {
+    id
     username
+    profileImageUri
   }
   name
   screenshotUri
@@ -72,6 +69,16 @@ query GetVideoFeed(
     }
     name
   }
+}
+
+query GetVideoFeed(
+  $limit: Int! = 5
+  $after: String = null
+  $filters: VideoFilterInput = null
+) {
+  getFeedVideos(limit: $limit, after: $after, filters: $filters) {
+    videos {
+      ...VideoCardFields
     }
     pageInfo {
       hasNextPage