Hook up NoopChallenge button

src/cadence/scripts/GetProfile.cdc

@@ -5,12 +5,12 @@ access(all) struct Profile {
     access(all) var referralSource: String?
     access(all) var deployedContracts: {Address: [String]}
     access(all) var socials: {String: String}
-    access(all) var submissions: {Type: Submission}
+    access(all) var submissions: {String: Submission}
 
     init(ref: &GoldStar.Profile) {
-        let submissions: {Type: Submission} = {}
+        let submissions: {String: Submission} = {}
         for challengeType in ref.submissions.submissions.keys {
-            submissions[challengeType] = Submission(ref: ref.submissions.submissions[challengeType]!)
+            submissions[challengeType.identifier] = Submission(ref: ref.submissions.submissions[challengeType]!)
         }
 
         let deployedContracts: {Address: [String]} = {}

src/components/ProgressModal.tsx

@@ -5,6 +5,7 @@ import { Button } from '@site/src/ui/design-system/src/lib/Components/Button';
 import { useProgress } from '../hooks/use-progress';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faBrain } from '@fortawesome/free-solid-svg-icons';
+import { submitNoopChallenge } from '../utils/gold-star';
 
 interface ProgressModalProps {
   isOpen: boolean;
@@ -29,8 +30,8 @@ const ProgressModal: React.FC<ProgressModalProps> = ({
     setChallengeModalOpen(false);
   };
 
-  const completeChallenge = () => {
-    console.log('Challenge Completed!');
+  const completeChallenge = async () => {
+    await submitNoopChallenge();
     closeChallengeModal();
   };
 
@@ -73,12 +74,17 @@ const ProgressModal: React.FC<ProgressModalProps> = ({
         <Modal
           isOpen={challengeModalOpen}
           onClose={closeChallengeModal}
-          title='Challenge Details'
+          title="Challenge Details"
         >
           <div className="space-y-4 text-center">
-            <FontAwesomeIcon icon={faBrain} size="5x" className="text-green-500" />
+            <FontAwesomeIcon
+              icon={faBrain}
+              size="5x"
+              className="text-green-500"
+            />
             <p className="text-lg text-gray-700 mt-4">
-              By completing this challenge, you are declaring your intent to learn Flow and explore its capabilities.
+              By completing this challenge, you are declaring your intent to
+              learn Flow and explore its capabilities.
             </p>
             <Button
               size="lg"

src/hooks/use-progress.ts

@@ -1,5 +1,5 @@
 import { SocialType } from '../types/gold-star';
-import { ChallengeContractName } from '../utils/constants';
+import { GOLD_STAR_CHALLENGES } from '../utils/constants';
 import { getChallengeIdentifier } from '../utils/flow';
 import { useCurrentUser } from './use-current-user';
 import { useProfile } from './use-profile';
@@ -32,15 +32,13 @@ export function useProgress() {
     },
   ] as ProgressItem[];
 
-  console.log(getChallengeIdentifier(ChallengeContractName.NOOP_CHALLENGE));
-
   const challengeItems = [
     {
       label: 'Complete first challenge',
       completed:
         profile &&
         profile.submissions?.[
-          getChallengeIdentifier(ChallengeContractName.NOOP_CHALLENGE)
+          getChallengeIdentifier(GOLD_STAR_CHALLENGES.NOOP_CHALLENGE)
         ]?.completed,
     },
   ] as ProgressItem[];

src/types/gold-star.ts

@@ -29,3 +29,8 @@ export interface ChallengeResponse {
 export enum SocialType {
   GITHUB = 'github',
 }
+
+export interface Challenge {
+  contractName: string;
+  resourceIdentifier: string;
+}

src/utils/constants.tsx

@@ -55,6 +55,9 @@ export const DISCORD_URL = 'https://discord.gg/flow';
 export const DISCORD_ANNOUNCEMENTS_CHANNEL_ID = '621529603718119424';
 export const DISCORD_DEV_UPDATES_CHANNEL_ID = '811693600403357706';
 
-export enum ChallengeContractName {
-  NOOP_CHALLENGE = 'NoopChallenge',
-}
+export const GOLD_STAR_CHALLENGES = {
+  NOOP_CHALLENGE: {
+    contractName: 'NoopChallenge',
+    resourceIdentifier: 'Challenge',
+  },
+};

src/utils/flow.ts

@@ -1,6 +1,6 @@
 import * as fcl from '@onflow/fcl';
-import { ChallengeContractName } from './constants';
 import { getContractAddress } from '../config/fcl';
+import { Challenge } from '../types/gold-star';
 
 export function typeIdentifier(
   address: string,
@@ -12,8 +12,10 @@ export function typeIdentifier(
   }`;
 }
 
-export function getChallengeIdentifier(
-  contractName: ChallengeContractName,
-): string {
-  return typeIdentifier(getContractAddress(contractName), contractName);
+export function getChallengeIdentifier(challenge: Challenge): string {
+  return typeIdentifier(
+    getContractAddress(challenge.contractName),
+    challenge.contractName,
+    challenge.resourceIdentifier,
+  );
 }

src/utils/gold-star.ts

@@ -2,6 +2,7 @@ import GetChallenges from '../cadence/scripts/GetChallenges.cdc';
 import GetProfile from '../cadence/scripts/GetProfile.cdc';
 import CreateProfile from '../cadence/transactions/GoldStar/CreateProfile.cdc';
 import UpdateProfile from '../cadence/transactions/GoldStar/UpdateProfile.cdc';
+import Evaluate from '../cadence/transactions/NoopChallenge/Evaluate.cdc';
 
 import * as fcl from '@onflow/fcl';
 import {
@@ -111,3 +112,13 @@ export const setProfile = async (profile: ProfileSettings) => {
     ],
   });
 };
+
+/**
+ * Submit a noop challenge
+ * @returns The transaction ID
+ */
+export const submitNoopChallenge = async () => {
+  return await fcl.mutate({
+    cadence: Evaluate,
+  });
+};