Render fetched shots

graphql/query.ts

@@ -0,0 +1,21 @@
+import { gql } from "@apollo/client";
+
+export const GET_SHOTS = gql`
+	query GetShots(
+		$includeCueObjectAngle: Boolean! = false
+		$includeCueObjectDistance: Boolean! = false
+	) {
+		getShots {
+			id
+			videoId
+			features {
+				...ShotFeatures
+			}
+		}
+	}
+
+	fragment ShotFeatures on ShotFeaturesGQL {
+		cueObjectAngle @include(if: $includeCueObjectAngle)
+		cueObjectDistance @include(if: $includeCueObjectDistance)
+	}
+`;