fix: fork and star charts won't show when users are not logged in (#779)

hypertrons · Mar 6, 2024 · 65438d5 · 65438d5
1 parent 197a594
commit 65438d5
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 4 deletions.
diff --git a/src/helpers/get-developer-info.ts b/src/helpers/get-developer-info.ts
@@ -12,3 +12,7 @@ export async function isDeveloperWithMeta() {
     pageDetect.isUserProfile() && (await metaStore.has(getDeveloperName()))
   );
 }
+
+export function checkLogined() {
+  return !!$('meta[name="user-login"]').attr('content');
+}
diff --git a/src/pages/ContentScripts/features/repo-fork-tooltip/index.tsx b/src/pages/ContentScripts/features/repo-fork-tooltip/index.tsx
@@ -33,8 +33,9 @@ const init = async (): Promise<void> => {
   repoName = getRepoName();
   await getData();
 
-  await elementReady('a[data-ga-click*="show fork modal"]');
-  $('a[data-ga-click*="show fork modal"]').attr({
+  const selector = '#fork-button';
+  await elementReady(selector);
+  $(selector).attr({
     'data-tip': '',
     'data-for': 'fork-tooltip',
     'data-class': `floating-window ${githubTheme}`,

diff --git a/src/pages/ContentScripts/features/repo-star-tooltip/index.tsx b/src/pages/ContentScripts/features/repo-star-tooltip/index.tsx
@@ -13,6 +13,7 @@ import {
 import { getStars } from '../../../../api/repo';
 import View from './view';
 import { RepoMeta, metaStore } from '../../../../api/common';
+import { checkLogined } from '../../../../helpers/get-developer-info';
 
 const githubTheme = getGithubTheme();
 const featureId = features.getFeatureID(import.meta.url);
@@ -33,7 +34,11 @@ const init = async (): Promise<void> => {
   repoName = getRepoName();
   await getData();
 
-  await elementReady('a[data-ga-click*="star button"]');
+  const isLogined = checkLogined();
+  const selector = isLogined
+    ? 'button[data-ga-click*="star button"]'
+    : 'a[data-hydro-click*="star button"]';
+  await elementReady(selector);
   const attributes = {
     'data-tip': '',
     'data-for': 'star-tooltip',
@@ -46,7 +51,7 @@ const init = async (): Promise<void> => {
     'data-text-color': githubTheme === 'light' ? '#24292F' : '#C9D1D9',
     'data-background-color': githubTheme === 'light' ? 'white' : '#161B22',
   };
-  $('button[data-ga-click*="star button"]').attr(attributes);
+  $(selector).attr(attributes);
 
   const container = document.createElement('div');
   container.id = featureId;