Create video card fragment

src/index.tsx

@@ -2786,6 +2786,37 @@ 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";
+    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"]>;
@@ -3956,6 +3987,37 @@ export type GetUploadStreamsWithDetailsQuery = {
   };
 };
 
+export const VideoCardFieldsFragmentDoc = gql`
+  fragment VideoCardFields on VideoGQL {
+    id
+    owner {
+      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
@@ -4341,33 +4403,7 @@ export const GetVideoFeedDocument = gql`
   ) {
     getFeedVideos(limit: $limit, after: $after, filters: $filters) {
       videos {
-        id
+        ...VideoCardFields
-        owner {
-          username
-          profileImageUri
-        }
-        name
-        screenshotUri
-        totalShotsMade
-        totalShots
-        makePercentage
-        createdAt
-        updatedAt
-        startTime
-        endTime
-        elapsedTime
-        screenshotUri
-        stream {
-          id
-          isCompleted
-        }
-        tableSize
-        tags {
-          tagClasses {
-            name
-          }
-          name
-        }
       }
       pageInfo {
         hasNextPage
@@ -4375,6 +4411,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,6 +40,36 @@ query GetFeed(
   }
 }
 
+fragment VideoCardFields on VideoGQL {
+  id
+  owner {
+    username
+    profileImageUri
+  }
+  name
+  screenshotUri
+  totalShotsMade
+  totalShots
+  makePercentage
+  createdAt
+  updatedAt
+  startTime
+  endTime
+  elapsedTime
+  screenshotUri
+  stream {
+    id
+    isCompleted
+  }
+  tableSize
+  tags {
+    tagClasses {
+      name
+    }
+    name
+  }
+}
+
 query GetVideoFeed(
   $limit: Int! = 5
   $after: String = null
@@ -46,33 +77,7 @@ query GetVideoFeed(
 ) {
   getFeedVideos(limit: $limit, after: $after, filters: $filters) {
     videos {
-      id
+      ...VideoCardFields
-      owner {
-        username
-        profileImageUri
-      }
-      name
-      screenshotUri
-      totalShotsMade
-      totalShots
-      makePercentage
-      createdAt
-      updatedAt
-      startTime
-      endTime
-      elapsedTime
-      screenshotUri
-      stream {
-        id
-        isCompleted
-      }
-      tableSize
-      tags {
-        tagClasses {
-          name
-        }
-        name
-      }
     }
     pageInfo {
       hasNextPage