Ensure social category badges are rendered with social style and logo…

…; affects [gitlab keybase lemmy modrinth thunderstore twitch] gist github reddit (#9859)

* Ensure social category badges are rendered with social style and logo

* Fix Twitch auth test

services/github/gist/github-gist-stars.service.js

@@ -52,7 +52,11 @@ export default class GistStars extends GithubAuthV4Service {
   }
 
   static render({ stargazerCount, url, stargazers }) {
-    return { message: metric(stargazerCount), link: [url, stargazers] }
+    return {
+      message: metric(stargazerCount),
+      style: 'social',
+      link: [url, stargazers],
+    }
   }
 
   async fetch({ gistId }) {

services/github/github-followers.service.js

@@ -29,6 +29,7 @@ export default class GithubFollowers extends GithubAuthV3Service {
   static render({ followers }) {
     return {
       message: metric(followers),
+      style: 'social',
       color: 'blue',
     }
   }

services/github/github-forks.service.js

@@ -45,6 +45,7 @@ export default class GithubForks extends GithubAuthV4Service {
   static render({ user, repo, forkCount }) {
     return {
       message: metric(forkCount),
+      style: 'social',
       color: 'blue',
       link: [
         `https://github.com/${user}/${repo}/fork`,

services/github/github-stars.service.js

@@ -44,6 +44,7 @@ export default class GithubStars extends GithubAuthV3Service {
     const slug = `${encodeURIComponent(user)}/${encodeURIComponent(repo)}`
     return {
       message: metric(stars),
+      style: 'social',
       color: 'blue',
       link: [
         `https://github.com/${slug}`,

services/github/github-total-star.service.js

@@ -178,6 +178,7 @@ export default class GithubTotalStarService extends GithubAuthV4Service {
   static render({ totalStars, user }) {
     return {
       message: metric(totalStars),
+      style: 'social',
       color: 'blue',
       link: [`https://github.com/${user}`],
     }

services/github/github-watchers.service.js

@@ -43,6 +43,7 @@ export default class GithubWatchers extends GithubAuthV3Service {
   static render({ watchers, user, repo }) {
     return {
       message: metric(watchers),
+      style: 'social',
       color: 'blue',
       link: [
         `https://github.com/${user}/${repo}`,

services/gitlab/gitlab-forks.service.js

@@ -46,6 +46,7 @@ export default class GitlabForks extends GitLabBase {
   static render({ baseUrl, project, forkCount }) {
     return {
       message: metric(forkCount),
+      style: 'social',
       color: 'blue',
       link: [
         `${baseUrl}/${project}/-/forks/new`,

services/gitlab/gitlab-stars.service.js

@@ -46,6 +46,7 @@ export default class GitlabStars extends GitLabBase {
   static render({ baseUrl, project, starCount }) {
     return {
       message: metric(starCount),
+      style: 'social',
       color: 'blue',
       link: [`${baseUrl}/${project}`, `${baseUrl}/${project}/-/starrers`],
     }

services/keybase/keybase-btc.service.js

@@ -48,11 +48,13 @@ export default class KeybaseBTC extends KeybaseProfile {
   static defaultBadgeData = {
     label: 'btc',
     color: 'informational',
+    namedLogo: 'keybase',
   }
 
   static render({ address }) {
     return {
       message: address,
+      style: 'social',
     }
   }
 

services/keybase/keybase-pgp.service.js

@@ -44,11 +44,13 @@ export default class KeybasePGP extends KeybaseProfile {
   static defaultBadgeData = {
     label: 'pgp',
     color: 'informational',
+    namedLogo: 'keybase',
   }
 
   static render({ fingerprint }) {
     return {
       message: fingerprint.slice(-16).toUpperCase(),
+      style: 'social',
     }
   }
 

services/keybase/keybase-xlm.service.js

@@ -46,11 +46,13 @@ export default class KeybaseXLM extends KeybaseProfile {
   static defaultBadgeData = {
     label: 'xlm',
     color: 'informational',
+    namedLogo: 'keybase',
   }
 
   static render({ address }) {
     return {
       message: address,
+      style: 'social',
     }
   }
 

services/keybase/keybase-zec.service.js

@@ -48,11 +48,13 @@ export default class KeybaseZEC extends KeybaseProfile {
   static defaultBadgeData = {
     label: 'zec',
     color: 'informational',
+    namedLogo: 'keybase',
   }
 
   static render({ address }) {
     return {
       message: address,
+      style: 'social',
     }
   }
 

services/lemmy/lemmy.service.js

@@ -30,12 +30,13 @@ export default class Lemmy extends BaseJsonService {
     },
   }
 
-  static defaultBadgeData = { label: 'community' }
+  static defaultBadgeData = { label: 'community', namedLogo: 'lemmy' }
 
   static render({ community, members }) {
     return {
       label: `subscribe to ${community}`,
       message: metric(members),
+      style: 'social',
       color: 'brightgreen',
     }
   }

services/modrinth/modrinth-followers.service.js

@@ -23,11 +23,12 @@ export default class ModrinthFollowers extends BaseModrinthService {
     },
   }
 
-  static defaultBadgeData = { label: 'followers' }
+  static defaultBadgeData = { label: 'followers', namedLogo: 'modrinth' }
 
   static render({ followers }) {
     return {
       message: metric(followers),
+      style: 'social',
       color: 'blue',
     }
   }

services/reddit/subreddit-subscribers.service.js

@@ -40,6 +40,7 @@ export default class RedditSubredditSubscribers extends BaseJsonService {
     return {
       label: `follow r/${subreddit}`,
       message: metric(subscribers),
+      style: 'social',
       color: 'red',
       link: [`https://www.reddit.com/r/${subreddit}`],
     }

services/reddit/user-karma.service.js

@@ -52,6 +52,7 @@ export default class RedditUserKarma extends BaseJsonService {
     return {
       label,
       message: metric(karma),
+      style: 'social',
       color: karma > 0 ? 'brightgreen' : karma === 0 ? 'orange' : 'red',
       link: [`https://www.reddit.com/u/${user}`],
     }

services/thunderstore/thunderstore-likes.service.js

@@ -33,6 +33,7 @@ export default class ThunderstoreLikes extends BaseThunderstoreService {
   static render({ likes }) {
     return {
       message: metric(likes),
+      style: 'social',
       color: `#${this.thunderstoreGreen}`,
     }
   }

services/twitch/twitch.service.js

@@ -38,6 +38,7 @@ export default class TwitchStatus extends TwitchBase {
   static render({ user, isLive }) {
     return {
       message: isLive ? 'live' : 'offline',
+      style: 'social',
       color: isLive ? 'red' : 'lightgrey',
       link: `https://www.twitch.tv/${user}`,
     }

services/twitch/twitch.spec.js

@@ -46,6 +46,7 @@ describe('TwitchStatus', function () {
         }),
       ).to.deep.equal({
         message: 'offline',
+        style: 'social',
         link: 'https://www.twitch.tv/undefined',
         color: 'lightgrey',
       })