From e1adf87dacb1fabd398b44e1688df0f73167080e Mon Sep 17 00:00:00 2001
From: Serkan Reis <serkanreis@gmail.com>
Date: Mon, 20 Feb 2023 12:13:36 +0300
Subject: [PATCH] Display Mint Rule on Badge Actions

---
 pages/badges/actions.tsx | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/pages/badges/actions.tsx b/pages/badges/actions.tsx
index 3ff468d..03a6b34 100644
--- a/pages/badges/actions.tsx
+++ b/pages/badges/actions.tsx
@@ -120,17 +120,27 @@ const BadgeActionsPage: NextPage = () => {
 
   return (
     <section className="py-6 px-12 space-y-4">
-      <NextSeo title="Collection Actions" />
+      <NextSeo title="Badge Actions" />
       <ContractPageHeader
-        description="Here you can execute various actions on a collection."
+        description="Here you can execute various actions and queries for a badge."
         link={links.Documentation}
-        title="Collection Actions"
+        title="Badge Actions"
       />
 
       <form className="p-4">
         <div className="grid grid-cols-2">
           <AddressInput {...badgeHubContractState} className="mr-2" />
-          <NumberInput className="w-1/2" {...badgeIdState} />
+          <div className="flex-row">
+            <NumberInput className="w-1/2" {...badgeIdState} />
+            <span className="mt-1 font-bold">Mint Rule: </span>
+            <span>
+              {mintRule
+                .toString()
+                .split('_')
+                .map((s) => s.charAt(0).toUpperCase() + s.substring(1))
+                .join(' ')}
+            </span>
+          </div>
         </div>
         <div className="mt-4">
           <div className="mr-2">