Add reward when following GDevelop Tiktok account

4ian · May 22, 2024 · d36f829 · d36f829
1 parent 7d95e44
commit d36f829
Show file tree

Hide file tree

Showing 11 changed files with 388 additions and 217 deletions.
diff --git a/newIDE/app/src/Profile/AuthenticatedUserProvider.js b/newIDE/app/src/Profile/AuthenticatedUserProvider.js
@@ -10,6 +10,7 @@ import {
   getUserBadges,
   listDefaultRecommendations,
   listRecommendations,
+  type CommunityLinks,
 } from '../Utils/GDevelopServices/User';
 import { getAchievements } from '../Utils/GDevelopServices/Badge';
 import Authentication, {
@@ -1299,6 +1300,36 @@ export default class AuthenticatedUserProvider extends React.Component<
     }
   };
 
+  _onUpdateTiktokFollow = async (
+    communityLinks: CommunityLinks,
+    preferences: PreferencesValues
+  ) => {
+    const { authentication } = this.props;
+
+    await this._doEdit(
+      {
+        communityLinks,
+      },
+      preferences
+    );
+
+    this.setState({
+      editInProgress: true,
+    });
+    try {
+      const response = await authentication.updateTiktokFollow(
+        authentication.getAuthorizationHeader
+      );
+      this._fetchUserBadges();
+
+      return response;
+    } finally {
+      this.setState({
+        editInProgress: false,
+      });
+    }
+  };
+
   render() {
     return (
       <PreferencesContext.Consumer>
@@ -1343,6 +1374,9 @@ export default class AuthenticatedUserProvider extends React.Component<
                   onUpdateGitHubStar={githubUsername =>
                     this._onUpdateGithubStar(githubUsername, preferences)
                   }
+                  onUpdateTiktokFollow={communityLinks =>
+                    this._onUpdateTiktokFollow(communityLinks, preferences)
+                  }
                   onDelete={this._doDeleteAccount}
                   actionInProgress={
                     this.state.editInProgress || this.state.deleteInProgress

diff --git a/newIDE/app/src/Profile/CreateAccountForm.js b/newIDE/app/src/Profile/CreateAccountForm.js
@@ -29,6 +29,10 @@ const styles = {
     alignItems: 'stretch',
     marginTop: 30,
   },
+  icon: {
+    width: 16,
+    height: 16,
+  }
 };
 
 type Props = {|
@@ -139,7 +143,7 @@ const CreateAccountForm = ({
                   primary
                   fullWidth
                   label="Google"
-                  leftIcon={<Google />}
+                  leftIcon={<Google style={styles.icon} />}
                   onClick={() => {
                     onLoginWithProvider('google');
                   }}
@@ -149,7 +153,7 @@ const CreateAccountForm = ({
                   primary
                   fullWidth
                   label="GitHub"
-                  leftIcon={<GitHub />}
+                  leftIcon={<GitHub style={styles.icon} />}
                   onClick={() => {
                     onLoginWithProvider('github');
                   }}
@@ -159,7 +163,7 @@ const CreateAccountForm = ({
                   primary
                   fullWidth
                   label="Apple"
-                  leftIcon={<Apple />}
+                  leftIcon={<Apple style={styles.icon} />}
                   onClick={() => {
                     onLoginWithProvider('apple');
                   }}