Fill grant form with participant data (#4186)

Author: estyxx

frontend/src/components/grant-form/index.tsx

@@ -143,6 +143,12 @@ export const GrantForm = ({
     },
   });
 
+  const { data: participantData } = useParticipantDataQuery({
+    variables: {
+      conference: conference,
+    },
+  });
+
   const inputPlaceholderText = useTranslatedMessage("input.placeholder");
   const { user, loading: loadingUser } = useCurrentUser({});
   const [formState, formOptions] = useFormState<GrantFormFields>(
@@ -200,33 +206,37 @@ export const GrantForm = ({
       formState.setField("notes", grant.notes);
       formState.setField("travellingFrom", grant.travellingFrom);
 
-      if (grant.participant) {
-        formState.setField("participantBio", grant.participant.bio);
-        formState.setField("participantWebsite", grant.participant.website);
-        formState.setField(
-          "participantTwitterHandle",
-          grant.participant.twitterHandle,
-        );
-        formState.setField(
-          "participantInstagramHandle",
-          grant.participant.instagramHandle,
-        );
-        formState.setField(
-          "participantLinkedinUrl",
-          grant.participant.linkedinUrl,
-        );
-        formState.setField(
-          "participantFacebookUrl",
-          grant.participant.facebookUrl,
-        );
-        formState.setField(
-          "participantMastodonHandle",
-          grant.participant.mastodonHandle,
-        );
-      }
       formState.setField("acceptedPrivacyPolicy", true);
     }
-  }, [grant]);
+
+    if (participantData.me.participant) {
+      formState.setField("participantBio", participantData.me.participant.bio);
+      formState.setField(
+        "participantWebsite",
+        participantData.me.participant.website,
+      );
+      formState.setField(
+        "participantTwitterHandle",
+        participantData.me.participant.twitterHandle,
+      );
+      formState.setField(
+        "participantInstagramHandle",
+        participantData.me.participant.instagramHandle,
+      );
+      formState.setField(
+        "participantLinkedinUrl",
+        participantData.me.participant.linkedinUrl,
+      );
+      formState.setField(
+        "participantFacebookUrl",
+        participantData.me.participant.facebookUrl,
+      );
+      formState.setField(
+        "participantMastodonHandle",
+        participantData.me.participant.mastodonHandle,
+      );
+    }
+  }, []);
 
   const handleOnSubmit = useCallback(
     async (e: React.FormEvent<HTMLFormElement>) => {
@@ -666,6 +676,7 @@ export const GrantForm = ({
       <Spacer size="medium" />
 
       <PublicProfileCard
+        me={participantData.me}
         formOptions={formOptions}
         photoRequired={false}
         getParticipantValidationError={(field) =>

frontend/src/pages/grants/edit/index.tsx

@@ -96,6 +96,9 @@ export const getServerSideProps: GetServerSideProps = async ({
       queryCurrentUser(client, {
         conference: process.env.conferenceCode,
       }),
+      queryParticipantData(client, {
+        conference: process.env.conferenceCode,
+      }),
     ]);
   } catch (e) {
     return {

frontend/src/pages/grants/index.tsx

@@ -120,6 +120,9 @@ export const getServerSideProps: GetServerSideProps = async ({
       queryCurrentUser(client, {
         conference: process.env.conferenceCode,
       }),
+      queryParticipantData(client, {
+        conference: process.env.conferenceCode,
+      }),
     ]);
 
     if (grant) {