From 26f433caf8e738411b0522351749bd1c0be949ae Mon Sep 17 00:00:00 2001
From: Ben Senescu <bensenescu@gmail.com>
Date: Sat, 4 Apr 2026 18:52:29 -0400
Subject: [PATCH] Revert "feat: color-code rank badges in backlinks tables
 (#73)"

This reverts commit 7334a83cbd5aa367bbbaa406671eb74589bf73b8.
---
 .../backlinks/BacklinksPageTables.tsx         | 44 ++++++-------------
 src/client/features/keywords/utils.ts         | 16 +++----
 2 files changed, 20 insertions(+), 40 deletions(-)

diff --git a/src/client/features/backlinks/BacklinksPageTables.tsx b/src/client/features/backlinks/BacklinksPageTables.tsx
index 1777f5f..26b11bd 100644
--- a/src/client/features/backlinks/BacklinksPageTables.tsx
+++ b/src/client/features/backlinks/BacklinksPageTables.tsx
@@ -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,
 }: {
diff --git a/src/client/features/keywords/utils.ts b/src/client/features/keywords/utils.ts
index 853cf05..1f3bc4a 100644
--- a/src/client/features/keywords/utils.ts
+++ b/src/client/features/keywords/utils.ts
@@ -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";
 }