From 99885557429616bf7868ca9203a7a812b682e725 Mon Sep 17 00:00:00 2001
From: eagle <aparokshambhargav@gmail.com>
Date: Mon, 8 Jan 2024 20:11:21 +0530
Subject: [PATCH] Add mkUSD as payout token for direct grants (#2766)

* feat: add mkusd as a payout token

* fix: ui issue

* fix: ui issue

* fix: padding issue
---
 packages/common/src/index.ts                  |  1 +
 .../round-manager/public/logos/mkusd-logo.svg | 27 +++++++++++++++++++
 .../src/features/api/payoutTokens.ts          |  9 +++++++
 .../round/ApplicationDirectPayout.tsx         |  8 +++---
 4 files changed, 41 insertions(+), 4 deletions(-)
 create mode 100644 packages/round-manager/public/logos/mkusd-logo.svg

diff --git a/packages/common/src/index.ts b/packages/common/src/index.ts
index 50b66e594c..90a3c3eb03 100644
--- a/packages/common/src/index.ts
+++ b/packages/common/src/index.ts
@@ -331,6 +331,7 @@ export const RedstoneTokenIds = {
   USDT: "USDT",
   LUSD: "LUSD",
   MUTE: "MUTE",
+  mkUSD: "mkUSD",
 } as const;
 
 export const useTokenPrice = (tokenId: string | undefined) => {
diff --git a/packages/round-manager/public/logos/mkusd-logo.svg b/packages/round-manager/public/logos/mkusd-logo.svg
new file mode 100644
index 0000000000..5053fd2d3a
--- /dev/null
+++ b/packages/round-manager/public/logos/mkusd-logo.svg
@@ -0,0 +1,27 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 164 164">
+  <defs>
+    <style>.cls-1{fill:none;}.cls-2{fill:#fc306b;}.cls-3{fill:#4f28dd;}.cls-4{fill:#0bb875;}.cls-5{fill:#1a78d7;}.cls-6{fill:#e91224;}.cls-7{fill:#f86e30;}.cls-8{fill:#827ff4;}.cls-9{fill:#74ca38;}.cls-10{fill:#53aef9;}.cls-11{fill:#f78f31;}.cls-12{fill:#feb92f;}.cls-13{fill:#ffc866;}</style>
+  </defs>
+  <title>prisma-icon-colour</title>
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="Layer_1-2" data-name="Layer 1">
+      <g id="prisma-icon-colour">
+        <rect class="cls-1" width="164" height="164"/>
+        <polygon class="cls-2" points="81.993 37.084 82.007 37.099 81.993 37.113 81.993 37.084"/>
+        <path class="cls-2" d="M92.4895,30.74306,82.00723,37.79921l-.01449-22.881c0-.50671-.39077-.7962-.70942-.56468a.97063.97063,0,0,1,1.63623.26069Z"/>
+        <path class="cls-3" d="M82.71665,149.46509a1.07926,1.07926,0,0,1-1.63587-.26069L59.34884,118.11954l22.65839,12.56074v18.22013C82.00723,149.39262,82.39817,149.68212,82.71665,149.46509Z"/>
+        <path class="cls-4" d="M81.99274,86.27042v27.41885L39.47017,88.38107a2.06156,2.06156,0,0,1-.91232-1.44783c0-.0578-.01449-.11577-.01449-.17374a1.87742,1.87742,0,0,1,.31866-1.11485L49.489,67.95221Z"/>
+        <path class="cls-5" d="M81.99274,112.56027v19.35695l-22.6439-13.79768L39.47017,89.14846a5.85849,5.85849,0,0,1-.91232-2.21522,2.06156,2.06156,0,0,0,.91232,1.44783Z"/>
+        <path class="cls-6" d="M82.00723,37.79921,71.51047,30.72857s9.72955-16.34605,9.77285-16.375c.31865-.23152.70942.058.70942.56468Z"/>
+        <polygon class="cls-7" points="82.007 37.099 81.993 49.029 81.993 61.948 61.043 48.45 61.028 48.45 71.51 30.729 81.993 37.084 82.007 37.099"/>
+        <path class="cls-8" d="M104.65148,118.134,82.91955,149.2044a.25816.25816,0,0,1-.07246.10127.45313.45313,0,0,1-.13044.15942c-.31848.217-.70942-.07247-.70942-.56468V130.68028Z"/>
+        <path class="cls-9" d="M125.45661,86.7595c0,.058-.01449.11594-.01449.17374a2.0892,2.0892,0,0,1-.912,1.46232L82.00723,113.68927l-.01449-27.41885L114.51111,67.9667l10.627,17.67795A1.8761,1.8761,0,0,1,125.45661,86.7595Z"/>
+        <path class="cls-10" d="M125.44212,86.93324a5.85731,5.85731,0,0,1-.912,2.21522L104.65148,118.134,82.00723,131.93171v-19.621l42.52292-23.91512A2.0892,2.0892,0,0,0,125.44212,86.93324Z"/>
+        <path class="cls-11" d="M92.483,30.73659l10.48178,17.71483-20.972,13.49609.0057-24.83892Z"/>
+        <path class="cls-12" d="M82.00177,60.94718v26.219L49.48394,67.95482,61.03835,48.44734Z"/>
+        <path class="cls-13" d="M102.96185,48.45127l11.55442,19.50748L81.99844,87.17015v-26.219Z"/>
+      </g>
+    </g>
+  </g>
+</svg> 
\ No newline at end of file
diff --git a/packages/round-manager/src/features/api/payoutTokens.ts b/packages/round-manager/src/features/api/payoutTokens.ts
index 66d61df8c2..3a0fd841c7 100644
--- a/packages/round-manager/src/features/api/payoutTokens.ts
+++ b/packages/round-manager/src/features/api/payoutTokens.ts
@@ -28,6 +28,7 @@ export const TokenNamesAndLogos = {
   USDT: "/logos/usdt-logo.svg",
   LUSD: "/logos/lusd-logo.svg",
   MUTE: "/logos/mute-logo.svg",
+  mkUSD: "/logos/mkusd-logo.svg", // Prisma mkUSD
 } as const;
 const MAINNET_TOKENS: PayoutToken[] = [
   {
@@ -54,6 +55,14 @@ const MAINNET_TOKENS: PayoutToken[] = [
     logo: TokenNamesAndLogos["CVP"],
     redstoneTokenId: RedstoneTokenIds["CVP"],
   },
+  {
+    name: "mkUSD",
+    chainId: ChainId.MAINNET,
+    address: "0x4591DBfF62656E7859Afe5e45f6f47D3669fBB28",
+    decimal: 18,
+    logo: TokenNamesAndLogos["mkUSD"],
+    redstoneTokenId: RedstoneTokenIds["mkUSD"],
+  },
 ];
 const OPTIMISM_MAINNET_TOKENS: PayoutToken[] = [
   {
diff --git a/packages/round-manager/src/features/round/ApplicationDirectPayout.tsx b/packages/round-manager/src/features/round/ApplicationDirectPayout.tsx
index 7a0591c72e..46534d10c3 100644
--- a/packages/round-manager/src/features/round/ApplicationDirectPayout.tsx
+++ b/packages/round-manager/src/features/round/ApplicationDirectPayout.tsx
@@ -298,16 +298,16 @@ export default function ApplicationDirectPayout({
                 </p>
               </label>
               <div className="relative mt-2 rounded-md shadow-sm">
-                <div className="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3">
+                <div className="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-2 pr-2">
                   <span className="text-gray-400 sm:text-sm">
                     {tokenInfo.name}
                   </span>
                 </div>
                 <Input
                   {...register("amount")}
-                  className={
-                    "block w-full rounded-md border-gray-300 pl-12 focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm disabled:cursor-not-allowed disabled:border-gray-200 disabled:bg-gray-50 disabled:text-gray-400 h-10"
-                  }
+                  className={`block w-full rounded-md border-gray-300   ${
+                    tokenInfo.name.length <= 4 ? "pl-12" : "pl-16"
+                  } focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm disabled:cursor-not-allowed disabled:border-gray-200 disabled:bg-gray-50 disabled:text-gray-400 h-10`}
                   type="number"
                   placeholder="Enter payout amount"
                   aria-describedby="token-symbol"