Misc styles & GraphQL fixes (#1374)

Author: Betree

.github/workflows/ci.yml

@@ -33,7 +33,7 @@ jobs:
       - uses: actions/checkout@v1
       - uses: actions/setup-node@v3
         with:
-            node-version-file: package.json
+          node-version-file: package.json
           cache: 'npm'
       - name: Install dependencies
         run: CYPRESS_INSTALL_BINARY=0 npm ci

app/components/LoggedInUser/Notifications.jsx

@@ -6,7 +6,11 @@ import React from 'react'
 import { withRouter } from 'react-router-dom'
 
 const loggedInUserNotificationsQuery = gql`
-  query LoggedInUserNotifications($page: Int! = 1, $pageSize: Int! = 30, $filter: String = ALL) {
+  query LoggedInUserNotifications(
+    $page: Int! = 1
+    $pageSize: Int! = 30
+    $filter: NotificationsFilter = ALL
+  ) {
     loggedInUser {
       id
       notifications(page: $page, pageSize: $pageSize, filter: $filter) {
@@ -50,7 +54,7 @@ const loggedInUserNotificationsQuery = gql`
 `
 
 const markAsSeenMutation = gql`
-  mutation UpdateNotification($ids: [Int!], $seen: Boolean!) {
+  mutation UpdateNotification($ids: [ID]!, $seen: Boolean!) {
     updateNotifications(ids: $ids, seen: $seen) {
       id
       seenAt

app/components/Notifications/SubscribeBtn.jsx

@@ -7,7 +7,7 @@ import { Bell, BellSlash } from 'styled-icons/fa-solid'
 import Action from '../VideoDebate/Actions/ActionButton'
 
 const updateSubscriptionQuery = gql`
-  mutation UpdateSubscription($entityId: Int!, $scope: String!, $isSubscribed: Boolean!) {
+  mutation UpdateSubscription($entityId: ID!, $scope: String!, $isSubscribed: Boolean!) {
     updateSubscription(entityId: $entityId, scope: $scope, isSubscribed: $isSubscribed) {
       id
       isSubscribed

app/components/SupportUs/index.jsx

@@ -3,7 +3,6 @@ import React from 'react'
 import { JS_ENV } from '../../config'
 import { optionsToQueryString } from '../../lib/url_utils'
 import { useLoggedInUser } from '../LoggedInUser/UserProvider'
-import Container from '../StyledUtils/Container'
 import { LoadingFrame } from '../Utils/LoadingFrame'
 
 const getIframeURLParams = (isAuthenticated, loggedInUser) => {
@@ -17,7 +16,7 @@ const getIframeURLParams = (isAuthenticated, loggedInUser) => {
 }
 
 const OPENCOLLECTIVE_DOMAINS = {
-  dev: 'http://localhost:3000',
+  dev: 'https://opencollective.com',
   staging: 'https://staging.opencollective.com',
   prod: 'https://opencollective.com',
 }
@@ -29,7 +28,7 @@ const SupportUs = () => {
   const ocDomain = OPENCOLLECTIVE_DOMAINS[JS_ENV] || OPENCOLLECTIVE_DOMAINS.prod
   const iframeUrlParams = getIframeURLParams(isAuthenticated, loggedInUser)
   return (
-    <Container display="flex" width="100%" height="100%" justifyContent="center">
+    <div className="flex justify-center items-center h-[--main-height] w-full overflow-y-auto">
       {isLoading && <LoadingFrame />}
       <iframe
         ref={iframeRef}
@@ -38,7 +37,7 @@ const SupportUs = () => {
         onLoad={() => setLoading(false)}
         title="Support us on Open Collective"
       />
-    </Container>
+    </div>
   )
 }
 

app/components/VideoDebate/ActionBubbleMenu.jsx

@@ -16,7 +16,7 @@ import { hasStatementForm } from '../../state/video_debate/statements/selectors'
 import { withLoggedInUser } from '../LoggedInUser/UserProvider'
 
 const startAutomaticStatementsExtractionMutation = gql`
-  mutation StartAutomaticStatementsExtraction($videoId: Int!) {
+  mutation StartAutomaticStatementsExtraction($videoId: ID!) {
     startAutomaticStatementsExtraction(videoId: $videoId) {
       id
     }

app/components/Videos/EditVideoModal.jsx

@@ -17,7 +17,7 @@ import { StyledH3 } from '../StyledUtils/Title'
 import { Separator } from '../ui/separator'
 
 const editVideoMutation = gql`
-  mutation editVideo($id: ID!, $unlisted: Boolean) {
+  mutation editVideo($id: ID!, $unlisted: Boolean!) {
     editVideo(id: $id, unlisted: $unlisted) {
       id
       unlisted