Add VideoMakePercentageIntervals call & connected to graph (#281)

should be tested after startTime/endTime is implemented to verify system works

CLOSES #1078

Co-authored-by: Loewy <loewy@chainstarters.com>
Reviewed-on: railbird/railbird-mobile#281
Reviewed-by: Ivan Malison <ivanmalison@gmail.com>

src/index.tsx

@@ -537,6 +537,7 @@ export type GetFeedQuery = {
 
 export type GetVideoMakePercentageIntervalsQueryVariables = Exact<{
   videoId: Scalars["ID"]["input"];
+  intervalDuration: Scalars["Int"]["input"];
 }>;
 
 export type GetVideoMakePercentageIntervalsQuery = {
@@ -991,8 +992,14 @@ export type GetFeedQueryResult = Apollo.QueryResult<
   GetFeedQueryVariables
 >;
 export const GetVideoMakePercentageIntervalsDocument = gql`
-  query GetVideoMakePercentageIntervals($videoId: ID!) {
+  query GetVideoMakePercentageIntervals(
-    getVideoMakePercentageIntervals(videoId: $videoId) {
+    $videoId: ID!
+    $intervalDuration: Int!
+  ) {
+    getVideoMakePercentageIntervals(
+      videoId: $videoId
+      intervalDuration: $intervalDuration
+    ) {
       makePercentage
       elapsedTime
     }
@@ -1012,6 +1019,7 @@ export const GetVideoMakePercentageIntervalsDocument = gql`
  * const { data, loading, error } = useGetVideoMakePercentageIntervalsQuery({
  *   variables: {
  *      videoId: // value for 'videoId'
+ *      intervalDuration: // value for 'intervalDuration'
  *   },
  * });
  */

src/operations/make_percentage_time_series.gql

@@ -1,5 +1,8 @@
-query GetVideoMakePercentageIntervals($videoId: ID!) {
+query GetVideoMakePercentageIntervals($videoId: ID!, $intervalDuration: Int!) {
-  getVideoMakePercentageIntervals(videoId: $videoId) {
+  getVideoMakePercentageIntervals(
+    videoId: $videoId
+    intervalDuration: $intervalDuration
+  ) {
     makePercentage
     elapsedTime
   }