admin/metatron-open-seo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Revert "feat: color-code rank badges in backlinks tables (#73)"

Browse Source 
This reverts commit 7334a83cbd5aa367bbbaa406671eb74589bf73b8.
This commit is contained in:
Ben Senescu 2026-04-04 18:52:29 -04:00
parent c1190550b0
commit 26f433caf8
2 changed files with 20 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
src/client/features/backlinks/BacklinksPageTables.tsx
View File

@ -10,7 +10,6 @@ import {
BacklinksSourceLink,
} from "./BacklinksPageLinks";
import type { BacklinksOverviewData } from "./backlinksPageTypes";
import { scoreTierClass } from "../keywords/utils";
import {
DEFAULT_BACKLINKS_SORT,
DEFAULT_REFERRING_DOMAINS_SORT,
@ -79,9 +78,7 @@ export function ReferringDomainsTable({
<td className="font-medium break-all">{row.domain ?? "-"}</td>
<td>{formatNumber(row.backlinks)}</td>
<td>{formatNumber(row.referringPages)}</td>
<td>
<RankBadge value={row.rank} />
</td>
<td>{formatNumber(row.rank)}</td>
<td>{formatDecimal(row.spamScore)}</td>
<td>{formatCompactDate(row.firstSeen)}</td>
<td>
@ -132,9 +129,7 @@ export function TopPagesTable({
</td>
<td>{formatNumber(row.backlinks)}</td>
<td>{formatNumber(row.referringDomains)}</td>
<td>
<RankBadge value={row.rank} />
</td>
<td>{formatNumber(row.rank)}</td>
<td>{formatNumber(row.brokenBacklinks)}</td>
</tr>
))}
@ -183,18 +178,19 @@ function BacklinksTableRow({
</div>
</td>
<td>{hasNotableFlags ? <BacklinkFlags row={row} /> : null}</td>
<td
className="text-center"
title={
row.spamScore != null
? `Spam score: ${formatDecimal(row.spamScore)}`
: undefined
}
>
<RankBadge value={row.rank} />
<td className="text-right tabular-nums text-sm">
<span
title={
row.spamScore != null
? `Spam score: ${formatDecimal(row.spamScore)}`
: undefined
}
>
{formatNumber(row.rank)}
</span>
</td>
<td className="text-center">
<RankBadge value={row.domainFromRank} />
<td className="text-right tabular-nums text-sm">
{formatNumber(row.domainFromRank)}
</td>
<td className="whitespace-nowrap text-sm">
<div>{formatCompactDate(row.firstSeen)}</div>
@ -208,18 +204,6 @@ function BacklinksTableRow({
);
}
function RankBadge({ value }: { value: number | null }) {
if (value == null) return <span>-</span>;
const tierClass = scoreTierClass(value, /* higherIsBetter */ true);
return (
<span
className={`score-badge ${tierClass} inline-flex items-center justify-center rounded-full size-6 text-[10px] font-semibold`}
>
{value}
</span>
);
}
function BacklinkFlags({
row,
}: {

16
src/client/features/keywords/utils.ts
View File

@ -1,16 +1,12 @@
export { LOCATIONS, getLanguageCode } from "./locations";
export function scoreTierClass(
value: number | null,
higherIsBetter?: boolean,
): string {
export function scoreTierClass(value: number | null): string {
if (value == null) return "score-tier-na";
const v = higherIsBetter ? 100 - value : value;
if (v <= 20) return "score-tier-1";
if (v <= 35) return "score-tier-2";
if (v <= 50) return "score-tier-3";
if (v <= 65) return "score-tier-4";
if (v <= 80) return "score-tier-5";
if (value <= 20) return "score-tier-1";
if (value <= 35) return "score-tier-2";
if (value <= 50) return "score-tier-3";
if (value <= 65) return "score-tier-4";
if (value <= 80) return "score-tier-5";
return "score-tier-6";
}