fix: issue 80 (#95)

* fix: issue 80

* fix: github workflows

Author: arantespp

.github/workflows/main.yml

@@ -69,5 +69,5 @@ jobs:
           ACM_TEREZA_APP: ${{ secrets.ACM_TEREZA_APP }}
           ACM_TEREZA_TECH: ${{ secrets.ACM_TEREZA_TECH }}
           NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
-          TURBO_TEAM: TURBO_TEAM
+          TURBO_TEAM: ${{ vars.TURBO_TEAM }}
           TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }}

.github/workflows/pr.yml

@@ -68,5 +68,5 @@ jobs:
         run: sh -e ./.cicd/commands/pr.sh
         env:
           CARLIN_BRANCH: ${{ github.event.pull_request.head.ref }}
-          TURBO_TEAM: TURBO_TEAM
+          TURBO_TEAM: ${{ vars.TURBO_TEAM }}
           TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }}

apps/tereza/src/app/my/journal/JournalSummary.tsx

@@ -4,13 +4,12 @@ import { Flex } from '@ttoss/ui';
 import { JournalMarkdown } from 'src/modules/Journal/JournalMarkdown';
 import { JournalSummary_journalSummaryItem$key } from './__generated__/JournalSummary_journalSummaryItem.graphql';
 import {
-  type SerializablePreloadedQuery,
-  useSerializablePreloadedQuery,
-} from 'src/relay/useSerializablePreloadedQuery';
-import { graphql, useFragment, usePreloadedQuery } from 'react-relay';
-import JournalSummaryQueryNode, {
-  JournalSummaryQuery,
-} from './__generated__/JournalSummaryQuery.graphql';
+  type PreloadedQuery,
+  graphql,
+  useFragment,
+  usePreloadedQuery,
+} from 'react-relay';
+import type { JournalSummaryQuery } from './__generated__/JournalSummaryQuery.graphql';
 
 const JournalSummaryItem = ({
   journalSummaryItemRef,
@@ -40,13 +39,8 @@ const JournalSummaryItem = ({
 export const JournalSummary = ({
   preloadedQuery,
 }: {
-  preloadedQuery: SerializablePreloadedQuery<
-    typeof JournalSummaryQueryNode,
-    JournalSummaryQuery
-  >;
+  preloadedQuery: PreloadedQuery<JournalSummaryQuery>;
 }) => {
-  const queryRef = useSerializablePreloadedQuery(preloadedQuery);
-
   const { journal } = usePreloadedQuery(
     graphql`
       query JournalSummaryQuery($date: String!) {
@@ -58,7 +52,7 @@ export const JournalSummary = ({
         }
       }
     `,
-    queryRef
+    preloadedQuery
   );
 
   if (!journal) {

apps/tereza/src/app/my/journal/page.tsx

@@ -1,17 +1,25 @@
+'use client';
+
+import * as React from 'react';
 import { JournalSummary } from './JournalSummary';
 import { getToday } from 'src/modules/Date/getToday';
-import { loadSerializableQuery } from 'src/relay/loadSerializableQuery';
+import { useQueryLoader } from 'react-relay';
 import JournalSummaryQueryNode, {
   JournalSummaryQuery,
 } from './__generated__/JournalSummaryQuery.graphql';
 
-const JournalSummaryPage = async () => {
-  const preloadedQuery = await loadSerializableQuery<
-    typeof JournalSummaryQueryNode,
-    JournalSummaryQuery
-  >(JournalSummaryQueryNode.params, {
-    date: getToday(),
-  });
+const JournalSummaryPage = () => {
+  const [preloadedQuery, loadQuery] = useQueryLoader<JournalSummaryQuery>(
+    JournalSummaryQueryNode
+  );
+
+  React.useEffect(() => {
+    loadQuery({ date: getToday() });
+  }, [loadQuery]);
+
+  if (!preloadedQuery) {
+    return null;
+  }
 
   return <JournalSummary preloadedQuery={preloadedQuery} />;
 };