From 4c6023caa64fc09c8ea6347a017285f17eaeae37 Mon Sep 17 00:00:00 2001
From: Danny Delott <dannydelott@gmail.com>
Date: Thu, 12 Oct 2023 10:12:57 -0700
Subject: [PATCH 1/6] Use token symbol for consistency

---
 apps/hyperdrive-trading/src/ui/token/TokenInput.tsx | 9 +--------
 1 file changed, 1 insertion(+), 8 deletions(-)

diff --git a/apps/hyperdrive-trading/src/ui/token/TokenInput.tsx b/apps/hyperdrive-trading/src/ui/token/TokenInput.tsx
index b7f140f7d..d58573ef7 100644
--- a/apps/hyperdrive-trading/src/ui/token/TokenInput.tsx
+++ b/apps/hyperdrive-trading/src/ui/token/TokenInput.tsx
@@ -46,14 +46,7 @@ export function TokenInput({
       </label>
       <label className="daisy-input-group">
         <span>
-          {(() => {
-            if (token.iconUrl) {
-              return <img className="h-6" src={token.iconUrl} />;
-            }
-            if (token.symbol) {
-              return <span className="daisy-label-text">{token.symbol}</span>;
-            }
-          })()}
+          <span className="daisy-label-text">{token.symbol}</span>
         </span>
         <input
           type="number"

From 63c52466dd55592a7163e8512d0876e606548f32 Mon Sep 17 00:00:00 2001
From: Danny Delott <dannydelott@gmail.com>
Date: Thu, 12 Oct 2023 10:20:35 -0700
Subject: [PATCH 2/6] Simplify open/closed tabs style

---
 .../portfolio/PositionsSection/PositionsSection.tsx   | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/apps/hyperdrive-trading/src/ui/portfolio/PositionsSection/PositionsSection.tsx b/apps/hyperdrive-trading/src/ui/portfolio/PositionsSection/PositionsSection.tsx
index b3d6f0cd5..0b9f85088 100644
--- a/apps/hyperdrive-trading/src/ui/portfolio/PositionsSection/PositionsSection.tsx
+++ b/apps/hyperdrive-trading/src/ui/portfolio/PositionsSection/PositionsSection.tsx
@@ -60,20 +60,19 @@ export function PositionsSection({
           activePositionTab={activePositionTab}
         />
 
-        <div className="daisy-tabs-boxed mb-1">
+        <div className="daisy-tabs mb-1">
           <button
             onClick={() => handleChangeOpenOrClosedTab("Open")}
-            className={classNames("daisy-tab text-sm", {
-              "daisy-tab-active !bg-base-300 !text-white":
-                activeOpenOrClosedTab === "Open",
+            className={classNames("daisy-tab", {
+              "daisy-tab-active font-medium": activeOpenOrClosedTab === "Open",
             })}
           >
             Open
           </button>
           <button
             onClick={() => handleChangeOpenOrClosedTab("Closed")}
-            className={classNames("daisy-tab text-sm", {
-              "daisy-tab-active !bg-base-300 !text-white":
+            className={classNames("daisy-tab", {
+              "daisy-tab-active font-medium":
                 activeOpenOrClosedTab === "Closed",
             })}
           >

From 445df4505d51bfe28898b8238306a835743adc8d Mon Sep 17 00:00:00 2001
From: Danny Delott <dannydelott@gmail.com>
Date: Thu, 12 Oct 2023 10:27:18 -0700
Subject: [PATCH 3/6] Add elevation prop to Well, use flat for balance well

---
 .../src/ui/base/components/Well/Well.tsx      | 19 +++++++++----------
 .../YourBalanceWell/YourBalanceWell.tsx       |  2 +-
 2 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/apps/hyperdrive-trading/src/ui/base/components/Well/Well.tsx b/apps/hyperdrive-trading/src/ui/base/components/Well/Well.tsx
index b4eb87e99..809ee6ab3 100644
--- a/apps/hyperdrive-trading/src/ui/base/components/Well/Well.tsx
+++ b/apps/hyperdrive-trading/src/ui/base/components/Well/Well.tsx
@@ -3,7 +3,7 @@ import { PropsWithChildren, ReactElement } from "react";
 
 interface WellProps {
   interactive?: boolean;
-  variant?: "primary" | "secondary" | "accent";
+  elevation?: "flat" | "elevated";
   block?: boolean;
   disabled?: boolean;
   onClick?: () => void;
@@ -12,20 +12,19 @@ interface WellProps {
 export function Well({
   disabled,
   interactive,
+  elevation = "elevated",
   children,
   block,
-  variant,
   onClick,
 }: PropsWithChildren<WellProps>): ReactElement {
   const isInteractive = !disabled && (interactive || onClick);
-  const className = classNames(
-    "daisy-card p-4 daisy-card-bordered shadow-[rgba(50,_50,_105,_0.15)_0px_2px_5px_0px,_rgba(0,_0,_0,_0.05)_0px_1px_1px_0px] bg-base-200",
-    {
-      "w-full": block,
-      "hover:cursor-pointer hover:-translate-y-1 transition duration-300 hover:shadow-xl ease-in-out":
-        isInteractive,
-    },
-  );
+  const className = classNames("daisy-card p-4 bg-base-200 border border-1", {
+    "shadow-[rgba(50,_50,_105,_0.15)_0px_2px_5px_0px,_rgba(0,_0,_0,_0.05)_0px_1px_1px_0px]":
+      elevation === "elevated",
+    "w-full": block,
+    "hover:cursor-pointer hover:-translate-y-1 transition duration-300 hover:shadow-xl ease-in-out":
+      isInteractive,
+  });
 
   if (onClick || interactive) {
     return (
diff --git a/apps/hyperdrive-trading/src/ui/portfolio/YourBalanceWell/YourBalanceWell.tsx b/apps/hyperdrive-trading/src/ui/portfolio/YourBalanceWell/YourBalanceWell.tsx
index 57d026f95..2c9a210bf 100644
--- a/apps/hyperdrive-trading/src/ui/portfolio/YourBalanceWell/YourBalanceWell.tsx
+++ b/apps/hyperdrive-trading/src/ui/portfolio/YourBalanceWell/YourBalanceWell.tsx
@@ -21,7 +21,7 @@ export function YourBalanceWell({ token }: { token: Token }): ReactElement {
   });
 
   return (
-    <Well>
+    <Well elevation="flat">
       <div className="flex items-center gap-4">
         <Stat
           label="Your available balance"

From d4fff3ac67748c827e5cd393f8ffacac4b86eb1d Mon Sep 17 00:00:00 2001
From: Danny Delott <dannydelott@gmail.com>
Date: Thu, 12 Oct 2023 10:39:24 -0700
Subject: [PATCH 4/6] Fix build

---
 .../hyperdrive/longs/OpenLongModalButton/OpenLongModalButton.tsx | 1 -
 .../lp/AddLiquidityModalButton/AddLiquidityModalButton.tsx       | 1 -
 .../shorts/OpenShortModalButton/OpenShortModalButton.tsx         | 1 -
 3 files changed, 3 deletions(-)

diff --git a/apps/hyperdrive-trading/src/ui/hyperdrive/longs/OpenLongModalButton/OpenLongModalButton.tsx b/apps/hyperdrive-trading/src/ui/hyperdrive/longs/OpenLongModalButton/OpenLongModalButton.tsx
index 581112152..f3d0c0bc2 100644
--- a/apps/hyperdrive-trading/src/ui/hyperdrive/longs/OpenLongModalButton/OpenLongModalButton.tsx
+++ b/apps/hyperdrive-trading/src/ui/hyperdrive/longs/OpenLongModalButton/OpenLongModalButton.tsx
@@ -25,7 +25,6 @@ export function OpenLongModalButton({
       {({ showModal }) => (
         <Well
           interactive
-          variant="secondary"
           onClick={() => {
             setSearchParams({
               ...searchParams,
diff --git a/apps/hyperdrive-trading/src/ui/hyperdrive/lp/AddLiquidityModalButton/AddLiquidityModalButton.tsx b/apps/hyperdrive-trading/src/ui/hyperdrive/lp/AddLiquidityModalButton/AddLiquidityModalButton.tsx
index 5253449a8..731ee9e66 100644
--- a/apps/hyperdrive-trading/src/ui/hyperdrive/lp/AddLiquidityModalButton/AddLiquidityModalButton.tsx
+++ b/apps/hyperdrive-trading/src/ui/hyperdrive/lp/AddLiquidityModalButton/AddLiquidityModalButton.tsx
@@ -23,7 +23,6 @@ export function AddLiquidityModalButton({
       {({ showModal }) => (
         <Well
           interactive
-          variant="primary"
           onClick={() => {
             setSearchParams({
               ...searchParams,
diff --git a/apps/hyperdrive-trading/src/ui/hyperdrive/shorts/OpenShortModalButton/OpenShortModalButton.tsx b/apps/hyperdrive-trading/src/ui/hyperdrive/shorts/OpenShortModalButton/OpenShortModalButton.tsx
index e4fc4fed3..c3c396e08 100644
--- a/apps/hyperdrive-trading/src/ui/hyperdrive/shorts/OpenShortModalButton/OpenShortModalButton.tsx
+++ b/apps/hyperdrive-trading/src/ui/hyperdrive/shorts/OpenShortModalButton/OpenShortModalButton.tsx
@@ -27,7 +27,6 @@ export function OpenShortModalButton({
       {({ showModal }) => (
         <Well
           interactive
-          variant="accent"
           onClick={() => {
             setSearchParams({
               ...searchParams,

From 483dc648a5ffc9b979dc5a2c8b8ba83bc8c06ebf Mon Sep 17 00:00:00 2001
From: Danny Delott <dannydelott@gmail.com>
Date: Thu, 12 Oct 2023 15:01:19 -0700
Subject: [PATCH 5/6] Add comment

---
 apps/hyperdrive-trading/src/ui/base/components/Well/Well.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/apps/hyperdrive-trading/src/ui/base/components/Well/Well.tsx b/apps/hyperdrive-trading/src/ui/base/components/Well/Well.tsx
index 809ee6ab3..ea5860337 100644
--- a/apps/hyperdrive-trading/src/ui/base/components/Well/Well.tsx
+++ b/apps/hyperdrive-trading/src/ui/base/components/Well/Well.tsx
@@ -19,6 +19,7 @@ export function Well({
 }: PropsWithChildren<WellProps>): ReactElement {
   const isInteractive = !disabled && (interactive || onClick);
   const className = classNames("daisy-card p-4 bg-base-200 border border-1", {
+    // Shadow style from https://manuarora.in/boxshadows
     "shadow-[rgba(50,_50,_105,_0.15)_0px_2px_5px_0px,_rgba(0,_0,_0,_0.05)_0px_1px_1px_0px]":
       elevation === "elevated",
     "w-full": block,

From 57ac400107cf04aee7ec38386694b7700205fe43 Mon Sep 17 00:00:00 2001
From: Danny Delott <dannydelott@gmail.com>
Date: Thu, 12 Oct 2023 15:02:45 -0700
Subject: [PATCH 6/6] Use default shadow

---
 apps/hyperdrive-trading/src/ui/base/components/Well/Well.tsx | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/apps/hyperdrive-trading/src/ui/base/components/Well/Well.tsx b/apps/hyperdrive-trading/src/ui/base/components/Well/Well.tsx
index ea5860337..3e3091f53 100644
--- a/apps/hyperdrive-trading/src/ui/base/components/Well/Well.tsx
+++ b/apps/hyperdrive-trading/src/ui/base/components/Well/Well.tsx
@@ -19,9 +19,7 @@ export function Well({
 }: PropsWithChildren<WellProps>): ReactElement {
   const isInteractive = !disabled && (interactive || onClick);
   const className = classNames("daisy-card p-4 bg-base-200 border border-1", {
-    // Shadow style from https://manuarora.in/boxshadows
-    "shadow-[rgba(50,_50,_105,_0.15)_0px_2px_5px_0px,_rgba(0,_0,_0,_0.05)_0px_1px_1px_0px]":
-      elevation === "elevated",
+    "shadow-md": elevation === "elevated",
     "w-full": block,
     "hover:cursor-pointer hover:-translate-y-1 transition duration-300 hover:shadow-xl ease-in-out":
       isInteractive,