From 046762d0c886e119cd6c09cefb6ea1467e0f8ebe Mon Sep 17 00:00:00 2001
From: Sara <sara@Saras-MBP.home>
Date: Mon, 21 Oct 2024 16:14:09 -0700
Subject: [PATCH 1/3] Reduce font size of post-decimal text in distribution
 amount

---
 src/app/core/components/Icons/Logo.tsx        | 33 +++++++++++--------
 src/app/core/components/Icons/TokenIcons.tsx  |  4 +--
 .../components/DistributionOverview.tsx       | 12 ++++---
 3 files changed, 29 insertions(+), 20 deletions(-)

diff --git a/src/app/core/components/Icons/Logo.tsx b/src/app/core/components/Icons/Logo.tsx
index 291959d..2c9eff8 100644
--- a/src/app/core/components/Icons/Logo.tsx
+++ b/src/app/core/components/Icons/Logo.tsx
@@ -1,23 +1,30 @@
-export function LogoSVG() {
+export function LogoSVG({ size = "regular" }: { size?: "small" | "regular" }) {
   return (
-    <svg viewBox="0 0 60 58" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="21"
+      viewBox="0 0 20 21"
+      fill="none"
+      className={size === "small" ? "w-3 h-3" : ""}
+    >
       <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M10.4348 0.5C4.67181 0.5 0 5.17181 0 10.9348C0 16.3448 4.11705 20.7932 9.38895 21.3178V44.8476C9.38895 52.0514 15.2287 57.8911 22.4324 57.8911H37.0408C44.2445 57.8911 50.0842 52.0514 50.0842 44.8477V21.3569C55.6061 21.0864 60 16.5237 60 10.9348C60 5.17181 55.3282 0.5 49.5652 0.5L10.4348 0.5Z"
-        fill="url(#paint0_linear_2974_31682)"
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M5.1087 3.625C3.66795 3.625 2.5 4.79295 2.5 6.2337C2.5 7.58604 3.52903 8.69805 4.8468 8.82941V14.7119C4.8468 16.5128 6.30674 17.9727 8.10767 17.9727H11.7598C13.5607 17.9727 15.0206 16.5128 15.0206 14.7119V8.83924C16.4013 8.77184 17.5 7.63108 17.5 6.2337C17.5 4.79295 16.332 3.625 14.8913 3.625H5.1087Z"
+        fill="url(#paint0_linear_6729_165920)"
       />
       <defs>
         <linearGradient
-          id="paint0_linear_2974_31682"
-          x1="8.25"
-          y1="45.6955"
-          x2="49.412"
-          y2="9.45708"
+          id="paint0_linear_6729_165920"
+          x1="4.5625"
+          y1="14.9238"
+          x2="14.8529"
+          y2="5.8642"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stopColor="#D04EC5" />
-          <stop offset="1" stopColor="#ED7BC7" />
+          <stop stop-color="#D04EC5" />
+          <stop offset="1" stop-color="#ED7BC7" />
         </linearGradient>
       </defs>
     </svg>
diff --git a/src/app/core/components/Icons/TokenIcons.tsx b/src/app/core/components/Icons/TokenIcons.tsx
index 4ca20d1..5f5ba19 100644
--- a/src/app/core/components/Icons/TokenIcons.tsx
+++ b/src/app/core/components/Icons/TokenIcons.tsx
@@ -32,8 +32,8 @@ export function BreadIcon({
         size === "small" ? "size-4" : "size-6"
       )}
     >
-      <div className="w-2/3">
-        <LogoSVG />
+      <div>
+        <LogoSVG size={size} />
       </div>
     </div>
   );
diff --git a/src/app/governance/components/DistributionOverview.tsx b/src/app/governance/components/DistributionOverview.tsx
index c9c05f0..14d5b59 100644
--- a/src/app/governance/components/DistributionOverview.tsx
+++ b/src/app/governance/components/DistributionOverview.tsx
@@ -104,11 +104,13 @@ export function DistributionOverview({
             <h4 className="text-xl font-medium text-breadgray-rye dark:text-breadgray-light-grey tracking-wide uppercase leading-none">
               Amount to Distribute
             </h4>
-            <div className="pt-4 pb-6 w-full">
+            <div className="pt-4 pb-6 w-full items-center">
               {claimableYield ? (
-                <div className="w-full flex justify-center text-3xl font-bold text-breadgray-grey100 dark:text-breadgray-ultra-white leading-none">
-                  <div className="w-[45%] flex gap-2 items-center justify-end">
-                    <BreadIcon />
+                <div className="w-full flex justify-center tracking-wider text-3xl font-bold text-breadgray-grey100 dark:text-breadgray-ultra-white leading-none">
+                  <div className=" flex gap-2  justify-end">
+                    <div className="mt-1">
+                      <BreadIcon />
+                    </div>
                     <span>
                       {
                         formatBalance(claimableYield + yieldIncrement, 4).split(
@@ -118,7 +120,7 @@ export function DistributionOverview({
                     </span>
                   </div>
                   <div>.</div>
-                  <div className="w-[45%]">
+                  <div className="text-xl leading-[1.1] w-[56px] self-end">
                     {
                       formatBalance(claimableYield + yieldIncrement, 4).split(
                         "."

From 036310fad754a8206506d00c3796c4f65a12456d Mon Sep 17 00:00:00 2001
From: Sara <sara@Saras-MBP.home>
Date: Fri, 25 Oct 2024 11:14:50 -0700
Subject: [PATCH 2/3] Add DAI APY to Distribution Card

---
 .../governance/components/DistributionOverview.tsx | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/app/governance/components/DistributionOverview.tsx b/src/app/governance/components/DistributionOverview.tsx
index 14d5b59..cf73bad 100644
--- a/src/app/governance/components/DistributionOverview.tsx
+++ b/src/app/governance/components/DistributionOverview.tsx
@@ -26,6 +26,7 @@ export function DistributionOverview({
 }) {
   const { claimableYield } = useClaimableYield();
   const { chain: activeChain } = useNetwork();
+  const [dsrAPY, setDsrAPY] = useState("");
   const config = activeChain ? getConfig(activeChain.id) : getConfig("DEFAULT");
   const [yieldIncrement, setYieldIncrement] = useState(0);
 
@@ -63,6 +64,8 @@ export function DistributionOverview({
       const yieldPerDay = (totalSupply * dsr) / 365;
       const yieldPerHour = yieldPerDay / 24;
 
+      setDsrAPY((dsr * 100).toFixed(2));
+
       return yieldPerHour;
     }
     return null;
@@ -148,7 +151,16 @@ export function DistributionOverview({
                   </span>
                 </div>
               </div>
-
+              <div className="flex w-full">
+                <p className="grow text-breadgray-rye dark:text-breadgray-grey">
+                  DAI savings rate (APY)
+                </p>
+                <div className="flex gap-2 items-center md:justify-center">
+                  <span className="font-bold text-breadgray-grey100 dark:text-breadgray-white">
+                    {dsrAPY + "%"}
+                  </span>
+                </div>
+              </div>
               <div className="flex w-full">
                 <p className="grow text-breadgray-rye dark:text-breadgray-grey">
                   Voting cycle #

From 7c6c806f34b4b59d6128341e6fcab0d4eb009b1b Mon Sep 17 00:00:00 2001
From: Sara <sara@Saras-MBP.home>
Date: Fri, 1 Nov 2024 10:50:26 -0700
Subject: [PATCH 3/3] fix bread logo sizing

---
 src/app/core/components/Icons/Bread.tsx      | 32 ++++++++++++++++++++
 src/app/core/components/Icons/Logo.tsx       | 31 ++++++++-----------
 src/app/core/components/Icons/TokenIcons.tsx |  4 +--
 3 files changed, 46 insertions(+), 21 deletions(-)
 create mode 100644 src/app/core/components/Icons/Bread.tsx

diff --git a/src/app/core/components/Icons/Bread.tsx b/src/app/core/components/Icons/Bread.tsx
new file mode 100644
index 0000000..ab0be6f
--- /dev/null
+++ b/src/app/core/components/Icons/Bread.tsx
@@ -0,0 +1,32 @@
+export function BreadSVG({ size = "regular" }: { size?: "small" | "regular" }) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="21"
+      viewBox="0 0 20 21"
+      fill="none"
+      className={size === "small" ? "w-3 h-3" : ""}
+    >
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M5.1087 3.625C3.66795 3.625 2.5 4.79295 2.5 6.2337C2.5 7.58604 3.52903 8.69805 4.8468 8.82941V14.7119C4.8468 16.5128 6.30674 17.9727 8.10767 17.9727H11.7598C13.5607 17.9727 15.0206 16.5128 15.0206 14.7119V8.83924C16.4013 8.77184 17.5 7.63108 17.5 6.2337C17.5 4.79295 16.332 3.625 14.8913 3.625H5.1087Z"
+        fill="url(#paint0_linear_6729_165920)"
+      />
+      <defs>
+        <linearGradient
+          id="paint0_linear_6729_165920"
+          x1="4.5625"
+          y1="14.9238"
+          x2="14.8529"
+          y2="5.8642"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#D04EC5" />
+          <stop offset="1" stop-color="#ED7BC7" />
+        </linearGradient>
+      </defs>
+    </svg>
+  );
+}
diff --git a/src/app/core/components/Icons/Logo.tsx b/src/app/core/components/Icons/Logo.tsx
index 2c9eff8..bddbff1 100644
--- a/src/app/core/components/Icons/Logo.tsx
+++ b/src/app/core/components/Icons/Logo.tsx
@@ -1,30 +1,23 @@
 export function LogoSVG({ size = "regular" }: { size?: "small" | "regular" }) {
   return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="20"
-      height="21"
-      viewBox="0 0 20 21"
-      fill="none"
-      className={size === "small" ? "w-3 h-3" : ""}
-    >
+    <svg viewBox="0 0 60 58" fill="none" xmlns="http://www.w3.org/2000/svg">
       <path
-        fill-rule="evenodd"
-        clip-rule="evenodd"
-        d="M5.1087 3.625C3.66795 3.625 2.5 4.79295 2.5 6.2337C2.5 7.58604 3.52903 8.69805 4.8468 8.82941V14.7119C4.8468 16.5128 6.30674 17.9727 8.10767 17.9727H11.7598C13.5607 17.9727 15.0206 16.5128 15.0206 14.7119V8.83924C16.4013 8.77184 17.5 7.63108 17.5 6.2337C17.5 4.79295 16.332 3.625 14.8913 3.625H5.1087Z"
-        fill="url(#paint0_linear_6729_165920)"
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10.4348 0.5C4.67181 0.5 0 5.17181 0 10.9348C0 16.3448 4.11705 20.7932 9.38895 21.3178V44.8476C9.38895 52.0514 15.2287 57.8911 22.4324 57.8911H37.0408C44.2445 57.8911 50.0842 52.0514 50.0842 44.8477V21.3569C55.6061 21.0864 60 16.5237 60 10.9348C60 5.17181 55.3282 0.5 49.5652 0.5L10.4348 0.5Z"
+        fill="url(#paint0_linear_2974_31682)"
       />
       <defs>
         <linearGradient
-          id="paint0_linear_6729_165920"
-          x1="4.5625"
-          y1="14.9238"
-          x2="14.8529"
-          y2="5.8642"
+          id="paint0_linear_2974_31682"
+          x1="8.25"
+          y1="45.6955"
+          x2="49.412"
+          y2="9.45708"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-color="#D04EC5" />
-          <stop offset="1" stop-color="#ED7BC7" />
+          <stop stopColor="#D04EC5" />
+          <stop offset="1" stopColor="#ED7BC7" />
         </linearGradient>
       </defs>
     </svg>
diff --git a/src/app/core/components/Icons/TokenIcons.tsx b/src/app/core/components/Icons/TokenIcons.tsx
index 5f5ba19..904145e 100644
--- a/src/app/core/components/Icons/TokenIcons.tsx
+++ b/src/app/core/components/Icons/TokenIcons.tsx
@@ -1,5 +1,5 @@
 import Image from "next/image";
-import { LogoSVG } from "./Logo";
+import { BreadSVG } from "./Bread";
 import clsx from "clsx";
 
 export function XDAIIcon() {
@@ -33,7 +33,7 @@ export function BreadIcon({
       )}
     >
       <div>
-        <LogoSVG size={size} />
+        <BreadSVG size={size} />
       </div>
     </div>
   );