Highlight youtube sub in profile

Author: ClementPasteau

newIDE/app/src/Profile/ProfileDetails.js

@@ -126,6 +126,12 @@ const ProfileDetails = ({
     (achievements &&
       achievements.find(achievement => achievement.id === 'twitter-follow')) ||
     null;
+  const youtubeSubscriptionAchievement =
+    (achievements &&
+      achievements.find(
+        achievement => achievement.id === 'youtube-subscription'
+      )) ||
+    null;
 
   const [
     discordUsernameSyncStatus,
@@ -307,6 +313,23 @@ const ProfileDetails = ({
                       isNotFilled: !twitterUsername,
                       icon: communityLinksConfig.twitterUsername.icon,
                     },
+                    {
+                      text: !youtubeUsername ? (
+                        <MarkdownText
+                          translatableSource={communityLinksConfig.youtubeUsername.getRewardMessage(
+                            false,
+                            youtubeSubscriptionAchievement &&
+                              youtubeSubscriptionAchievement.rewardValueInCredits
+                              ? youtubeSubscriptionAchievement.rewardValueInCredits.toString()
+                              : '-'
+                          )}
+                        />
+                      ) : (
+                        youtubeUsername
+                      ),
+                      isNotFilled: !youtubeUsername,
+                      icon: communityLinksConfig.youtubeUsername.icon,
+                    },
                     {
                       text: !tiktokUsername ? (
                         <MarkdownText
@@ -336,10 +359,6 @@ const ProfileDetails = ({
                       text: facebookUsername,
                       icon: communityLinksConfig.facebookUsername.icon,
                     },
-                    {
-                      text: youtubeUsername,
-                      icon: communityLinksConfig.youtubeUsername.icon,
-                    },
                     {
                       text: instagramUsername,
                       icon: communityLinksConfig.instagramUsername.icon,