From ba106a258a485dd9c4f13a57abd3d861a3195d21 Mon Sep 17 00:00:00 2001
From: Austin Chen <akrolsmir@gmail.com>
Date: Thu, 25 Aug 2022 19:17:50 -0700
Subject: [PATCH] Tweak Featured badge design

---
 web/components/contract/FeaturedContractBadge.tsx   | 9 ---------
 web/components/contract/contract-details.tsx        | 2 +-
 web/components/contract/featured-contract-badge.tsx | 9 +++++++++
 3 files changed, 10 insertions(+), 10 deletions(-)
 delete mode 100644 web/components/contract/FeaturedContractBadge.tsx
 create mode 100644 web/components/contract/featured-contract-badge.tsx

diff --git a/web/components/contract/FeaturedContractBadge.tsx b/web/components/contract/FeaturedContractBadge.tsx
deleted file mode 100644
index 5ef34f4a..00000000
--- a/web/components/contract/FeaturedContractBadge.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { SparklesIcon } from '@heroicons/react/solid'
-
-export function FeaturedContractBadge() {
-  return (
-    <span className="inline-flex items-center gap-1 rounded-full bg-green-100 px-3  py-0.5 text-sm font-medium text-blue-800">
-      <SparklesIcon className="h-4 w-4" aria-hidden="true" /> Featured
-    </span>
-  )
-}
diff --git a/web/components/contract/contract-details.tsx b/web/components/contract/contract-details.tsx
index 56407c4d..4b73a227 100644
--- a/web/components/contract/contract-details.tsx
+++ b/web/components/contract/contract-details.tsx
@@ -33,7 +33,7 @@ import { insertContent } from '../editor/utils'
 import clsx from 'clsx'
 import { contractMetrics } from 'common/contract-details'
 import { User } from 'common/user'
-import { FeaturedContractBadge } from 'web/components/contract/FeaturedContractBadge'
+import { FeaturedContractBadge } from 'web/components/contract/featured-contract-badge'
 
 export type ShowTime = 'resolve-date' | 'close-date'
 
diff --git a/web/components/contract/featured-contract-badge.tsx b/web/components/contract/featured-contract-badge.tsx
new file mode 100644
index 00000000..fe31ecb9
--- /dev/null
+++ b/web/components/contract/featured-contract-badge.tsx
@@ -0,0 +1,9 @@
+import { BadgeCheckIcon } from '@heroicons/react/solid'
+
+export function FeaturedContractBadge() {
+  return (
+    <span className="inline-flex items-center gap-1 rounded-full bg-green-100 px-3  py-0.5 text-sm font-medium text-green-800">
+      <BadgeCheckIcon className="h-4 w-4" aria-hidden="true" /> Featured
+    </span>
+  )
+}