feat(extension): making rounded corners standard (#1008)

anoma · Aug 16, 2024 · 47d61db · 47d61db
1 parent e7c465e
commit 47d61db
Show file tree

Hide file tree

Showing 34 changed files with 17 additions and 79 deletions.
diff --git a/apps/extension/src/App/Accounts/ParentAccounts.tsx b/apps/extension/src/App/Accounts/ParentAccounts.tsx
@@ -49,7 +49,7 @@ export const ParentAccounts = (): JSX.Element => {
         <nav className="grid items-end grid-cols-[auto_min-content]">
           <p className="text-white font-medium text-xs">Set default keys</p>
           <div className="w-26">
-            <ActionButton borderRadius="md" size="xs" onClick={goToSetupPage}>
+            <ActionButton size="xs" onClick={goToSetupPage}>
               Add Keys
             </ActionButton>
           </div>

diff --git a/apps/extension/src/App/Accounts/ViewAccount.tsx b/apps/extension/src/App/Accounts/ViewAccount.tsx
@@ -63,11 +63,7 @@ export const ViewAccount = (): JSX.Element => {
               shieldedAccountAddress={shieldedAddress}
             />
           </Stack>
-          <ActionButton
-            size="md"
-            borderRadius="md"
-            onClick={() => navigate(-1)}
-          >
+          <ActionButton size="md" onClick={() => navigate(-1)}>
             Back
           </ActionButton>
         </>

diff --git a/apps/extension/src/App/Settings/ConnectedSites.tsx b/apps/extension/src/App/Settings/ConnectedSites.tsx
@@ -29,11 +29,7 @@ const DisconnectAllButton: React.FC<{
     await revokeConnection(...connectedSites);
 
   return (
-    <ActionButton
-      borderRadius="md"
-      size="xs"
-      onClick={handleRevokeAllConnections}
-    >
+    <ActionButton size="xs" onClick={handleRevokeAllConnections}>
       Disconnect All
     </ActionButton>
   );

diff --git a/apps/extension/src/Approvals/ApproveConnection.tsx b/apps/extension/src/Approvals/ApproveConnection.tsx
@@ -34,11 +34,10 @@ export const ApproveConnection: React.FC = () => {
           Approve connection for <strong>{interfaceOrigin}</strong>?
         </Alert>
         <Stack gap={2}>
-          <ActionButton borderRadius="sm" onClick={() => handleResponse(true)}>
+          <ActionButton onClick={() => handleResponse(true)}>
             Approve
           </ActionButton>
           <ActionButton
-            borderRadius="sm"
             outlineColor="yellow"
             onClick={() => handleResponse(false)}
           >

diff --git a/apps/extension/src/Approvals/ApproveSignArbitrary.tsx b/apps/extension/src/Approvals/ApproveSignArbitrary.tsx
@@ -118,13 +118,10 @@ export const ApproveSignArbitrary: React.FC<Props> = ({
             </p>
           )}
           <Stack gap={2}>
-            <ActionButton borderRadius="sm" onClick={handleApproveClick}>
-              Approve
-            </ActionButton>
+            <ActionButton onClick={handleApproveClick}>Approve</ActionButton>
             <ActionButton
               backgroundHoverColor="black"
               textHoverColor="yellow"
-              borderRadius="sm"
               outlineColor="yellow"
               onClick={handleReject}
             >

diff --git a/apps/extension/src/Approvals/ApproveSignTx.tsx b/apps/extension/src/Approvals/ApproveSignTx.tsx
@@ -137,11 +137,10 @@ export const ApproveSignTx: React.FC<Props> = ({ details, setDetails }) => {
             </p>
           )}
           <Stack gap={1.5} direction="vertical">
-            <ActionButton borderRadius="sm">Approve</ActionButton>
+            <ActionButton>Approve</ActionButton>
             <ActionButton
               backgroundHoverColor="black"
               textHoverColor="yellow"
-              borderRadius="sm"
               onClick={handleReject}
               outlineColor="yellow"
             >

diff --git a/apps/extension/src/Approvals/ConfirmSignArbitrary.tsx b/apps/extension/src/Approvals/ConfirmSignArbitrary.tsx
@@ -106,14 +106,10 @@ export const ConfirmSignature: React.FC<Props> = ({ details }) => {
             />
           </Stack>
           <Stack gap={3}>
-            <ActionButton borderRadius="sm" type="submit" disabled={!password}>
+            <ActionButton type="submit" disabled={!password}>
               Authenticate
             </ActionButton>
-            <ActionButton
-              borderRadius="sm"
-              outlineColor="yellow"
-              onClick={() => navigate(-1)}
-            >
+            <ActionButton outlineColor="yellow" onClick={() => navigate(-1)}>
               Back
             </ActionButton>
           </Stack>

diff --git a/apps/extension/src/Approvals/ConfirmSignLedgerTx.tsx b/apps/extension/src/Approvals/ConfirmSignLedgerTx.tsx
@@ -187,11 +187,10 @@ export const ConfirmSignLedgerTx: React.FC<Props> = ({ details }) => {
         />
         <div className="flex-1" />
         <Stack gap={2}>
-          <ActionButton borderRadius="sm" disabled={status === Status.Pending}>
+          <ActionButton disabled={status === Status.Pending}>
             Submit
           </ActionButton>
           <ActionButton
-            borderRadius="sm"
             outlineColor="yellow"
             type="button"
             onClick={handleRejectButton}

diff --git a/apps/extension/src/Approvals/ConfirmSignTx.tsx b/apps/extension/src/Approvals/ConfirmSignTx.tsx
@@ -78,14 +78,10 @@ export const ConfirmSignTx: React.FC<Props> = ({ details }) => {
         />
         <div className="flex-1" />
         <Stack gap={2}>
-          <ActionButton
-            borderRadius="sm"
-            disabled={!password || status === Status.Pending}
-          >
+          <ActionButton disabled={!password || status === Status.Pending}>
             Authenticate
           </ActionButton>
           <ActionButton
-            borderRadius="sm"
             outlineColor="yellow"
             type="button"
             onClick={() => navigate(-1)}

diff --git a/apps/faucet/src/App/Faucet.tsx b/apps/faucet/src/App/Faucet.tsx
@@ -242,7 +242,6 @@ export const FaucetForm: React.FC<Props> = ({
         <ActionButton
           backgroundHoverColor="yellow"
           textHoverColor="black"
-          borderRadius="sm"
           outlineColor="yellow"
           className={`max-w-fit ${!isFormValid && "opacity-50"}`}
           color="cyan"

diff --git a/apps/namadillo/src/App/AccountOverview/NavigationFooter.tsx b/apps/namadillo/src/App/AccountOverview/NavigationFooter.tsx
@@ -20,7 +20,6 @@ export const NavigationFooter = (): JSX.Element => {
           textColor="black"
           textHoverColor="cyan"
           backgroundHoverColor="transparent"
-          borderRadius="sm"
         >
           Stake
         </ActionButton>
@@ -29,7 +28,6 @@ export const NavigationFooter = (): JSX.Element => {
           onClick={() => navigate(GovernanceRoutes.index())}
           outlineColor="yellow"
           className="uppercase"
-          borderRadius="sm"
           backgroundColor="transparent"
           textColor="yellow"
           backgroundHoverColor="yellow"

diff --git a/apps/namadillo/src/App/Common/ConnectExtensionButton.tsx b/apps/namadillo/src/App/Common/ConnectExtensionButton.tsx
@@ -12,12 +12,7 @@ export const ConnectExtensionButton = (): JSX.Element => {
   return (
     <>
       {extensionAttachStatus === "attached" && !isExtensionConnected && (
-        <ActionButton
-          backgroundColor="yellow"
-          size="sm"
-          borderRadius="sm"
-          onClick={connect}
-        >
+        <ActionButton backgroundColor="yellow" size="sm" onClick={connect}>
           Connect Extension
         </ActionButton>
       )}
@@ -28,7 +23,6 @@ export const ConnectExtensionButton = (): JSX.Element => {
           rel="nofollow noreferrer"
           backgroundColor="yellow"
           size="sm"
-          borderRadius="sm"
         >
           Download Extension
         </ActionButton>

diff --git a/apps/namadillo/src/App/Common/Intro.tsx b/apps/namadillo/src/App/Common/Intro.tsx
@@ -24,7 +24,6 @@ export const Intro = (): JSX.Element => {
           rel="noreferrer"
           size="sm"
           outlineColor="yellow"
-          borderRadius="sm"
         >
           Help
         </ActionButton>

diff --git a/apps/namadillo/src/App/Common/Setup.tsx b/apps/namadillo/src/App/Common/Setup.tsx
@@ -64,7 +64,7 @@ export const Setup = ({ onChange }: SetupProps): JSX.Element => {
               reset();
             }}
           />
-          <ActionButton borderRadius="sm" disabled={isPending || isError}>
+          <ActionButton disabled={isPending || isError}>
             {isPending ? "Verifying..." : "Confirm"}
           </ActionButton>
         </form>

diff --git a/apps/namadillo/src/App/Governance/ProposalHeader.tsx b/apps/namadillo/src/App/Governance/ProposalHeader.tsx
@@ -127,7 +127,6 @@ const JsonButton: React.FC<{
       className="px-3 py-2"
       size="xs"
       outlineColor="white"
-      borderRadius="sm"
       onClick={() => navigate(GovernanceRoutes.viewJson(proposalId).url)}
     >
       <span className="flex text-xs justify-between gap-2">
@@ -176,7 +175,6 @@ const WasmButton: React.FC<{
       className="px-3 py-2"
       outlineColor="white"
       size="xs"
-      borderRadius="sm"
       disabled={disabled}
       download={filename}
       href={href}
@@ -335,7 +333,6 @@ const VoteButton: React.FC<{
     <div className="w-32 flex items-center justify-center">
       <ActionButton
         size="sm"
-        borderRadius="sm"
         className="py-2 px-4"
         backgroundColor="white"
         disabled={disabled}

diff --git a/apps/namadillo/src/App/Governance/SubmitVote.tsx b/apps/namadillo/src/App/Governance/SubmitVote.tsx
@@ -189,7 +189,6 @@ export const WithProposalId: React.FC<{ proposalId: bigint }> = ({
             </footer>
             <ActionButton
               type="submit"
-              borderRadius="sm"
               disabled={
                 !canVote.data || typeof selectedVoteType === "undefined"
               }

diff --git a/apps/namadillo/src/App/Settings/Advanced.tsx b/apps/namadillo/src/App/Settings/Advanced.tsx
@@ -75,7 +75,6 @@ export const Advanced = (): JSX.Element => {
         />
       </Stack>
       <ActionButton
-        borderRadius="sm"
         className="shrink-0"
         disabled={isPending || indexerMutation.isError || rpcMutation.isError}
       >

diff --git a/apps/namadillo/src/App/Sidebars/MainnetRoadmap.tsx b/apps/namadillo/src/App/Sidebars/MainnetRoadmap.tsx
@@ -74,7 +74,6 @@ const MainnetRoadmap = (): JSX.Element => {
         backgroundHoverColor="yellow"
         outlineColor="yellow"
         size="sm"
-        borderRadius="sm"
       >
         Learn about Mainnet phases
       </ActionButton>

diff --git a/apps/namadillo/src/App/Sidebars/ProposalDiscord.tsx b/apps/namadillo/src/App/Sidebars/ProposalDiscord.tsx
@@ -12,7 +12,6 @@ export const ProposalDiscord: React.FC = () => {
         </p>
         <ActionButton
           size="xs"
-          borderRadius="sm"
           backgroundColor="black"
           className="text-white"
           backgroundHoverColor="cyan"

diff --git a/apps/namadillo/src/App/Sidebars/ValidatorDiversification.tsx b/apps/namadillo/src/App/Sidebars/ValidatorDiversification.tsx
@@ -20,7 +20,6 @@ export const ValidatorDiversification = (): JSX.Element => {
         backgroundHoverColor="cyan"
         href="https://namada.net"
         target="_blank"
-        borderRadius="sm"
         size="xs"
       >
         Learn about CPoS

diff --git a/apps/namadillo/src/App/SignMessages/SignMessages.tsx b/apps/namadillo/src/App/SignMessages/SignMessages.tsx
@@ -51,11 +51,7 @@ export const SignMessages = (): JSX.Element => {
               readOnly={isPending}
               required
             />
-            <ActionButton
-              className="shrink-0"
-              borderRadius="sm"
-              disabled={isPending}
-            >
+            <ActionButton className="shrink-0" disabled={isPending}>
               {isPending ? "Signing..." : "Sign Message"}
             </ActionButton>
           </form>
@@ -72,9 +68,7 @@ export const SignMessages = (): JSX.Element => {
                 value={data?.signature}
               />
             </Stack>
-            <ActionButton borderRadius="sm" onClick={onCloseModal}>
-              Close
-            </ActionButton>
+            <ActionButton onClick={onCloseModal}>Close</ActionButton>
           </div>
         )}
       </ModalContainer>

diff --git a/apps/namadillo/src/App/Staking/AllValidatorsTable.tsx b/apps/namadillo/src/App/Staking/AllValidatorsTable.tsx
@@ -124,7 +124,6 @@ export const AllValidatorsTable = ({
             <ActionButton
               size="sm"
               backgroundColor="cyan"
-              borderRadius="sm"
               onClick={() => navigate(StakingRoutes.incrementBonding().url)}
             >
               Stake

diff --git a/apps/namadillo/src/App/Staking/IncrementBonding.tsx b/apps/namadillo/src/App/Staking/IncrementBonding.tsx
@@ -258,7 +258,6 @@ const IncrementBonding = (): JSX.Element => {
             <ActionButton
               type="submit"
               size="sm"
-              borderRadius="sm"
               className="mt-2 col-start-2"
               backgroundColor="cyan"
               disabled={

diff --git a/apps/namadillo/src/App/Staking/MyValidatorsTable.tsx b/apps/namadillo/src/App/Staking/MyValidatorsTable.tsx
@@ -111,7 +111,6 @@ export const MyValidatorsTable = (): JSX.Element => {
           className="basis-[content] py-1"
           backgroundColor="cyan"
           size="md"
-          borderRadius="sm"
           onClick={() => navigate(StakingRoutes.incrementBonding().url)}
         >
           Stake
@@ -120,7 +119,6 @@ export const MyValidatorsTable = (): JSX.Element => {
           className="basis-[content] py-1"
           backgroundColor="white"
           size="md"
-          borderRadius="sm"
           onClick={() => navigate(StakingRoutes.redelegateBonding().url)}
         >
           Redelegate
@@ -133,7 +131,6 @@ export const MyValidatorsTable = (): JSX.Element => {
           textHoverColor="white"
           backgroundHoverColor="pink"
           size="md"
-          borderRadius="sm"
           onClick={() => navigate(StakingRoutes.unstake().url)}
         >
           Unstake

diff --git a/apps/namadillo/src/App/Staking/ReDelegate.tsx b/apps/namadillo/src/App/Staking/ReDelegate.tsx
@@ -222,7 +222,6 @@ export const ReDelegate = (): JSX.Element => {
                 backgroundColor="white"
                 backgroundHoverColor="pink"
                 size="sm"
-                borderRadius="sm"
                 onClick={() => navigate(StakingRoutes.unstake().url)}
               >
                 Unstake

diff --git a/apps/namadillo/src/App/Staking/ReDelegateAssignStake.tsx b/apps/namadillo/src/App/Staking/ReDelegateAssignStake.tsx
@@ -126,7 +126,6 @@ export const ReDelegateAssignStake = ({
           type="submit"
           size="sm"
           backgroundColor="white"
-          borderRadius="sm"
           className="mt-2 col-start-2"
           disabled={hasInvalidDistribution || isPerformingRedelegation}
         >

diff --git a/apps/namadillo/src/App/Staking/ReDelegateRemoveStake.tsx b/apps/namadillo/src/App/Staking/ReDelegateRemoveStake.tsx
@@ -110,7 +110,6 @@ export const ReDelegateRemoveStake = ({
               className="w-auto"
               outlineColor="cyan"
               size="sm"
-              borderRadius="sm"
               onClick={onReDelegateAll}
             >
               Redelegate all
@@ -120,7 +119,6 @@ export const ReDelegateRemoveStake = ({
               className="w-auto"
               outlineColor="white"
               size="sm"
-              borderRadius="sm"
               onClick={onClear}
             >
               Clear
@@ -153,7 +151,6 @@ export const ReDelegateRemoveStake = ({
           type="button"
           size="sm"
           backgroundColor="cyan"
-          borderRadius="sm"
           className="mt-2 w-1/4 mx-auto text-nowrap min-w-fit"
           disabled={hasZeroUpdatedAmounts || !hasValidUpdatedAmounts}
           onClick={onProceed}

diff --git a/apps/namadillo/src/App/Staking/StakingSummary.tsx b/apps/namadillo/src/App/Staking/StakingSummary.tsx
@@ -106,7 +106,6 @@ export const StakingSummary = (): JSX.Element => {
             callToAction={
               <ActionButton
                 className="px-8"
-                borderRadius="sm"
                 size="xs"
                 backgroundColor="cyan"
                 onClick={() => navigate(StakingRoutes.incrementBonding().url)}
@@ -135,7 +134,6 @@ export const StakingSummary = (): JSX.Element => {
           callToAction={
             <ActionButton
               className="px-8"
-              borderRadius="sm"
               size="xs"
               backgroundColor="white"
               disabled

diff --git a/apps/namadillo/src/App/Staking/Unstake.tsx b/apps/namadillo/src/App/Staking/Unstake.tsx
@@ -221,7 +221,6 @@ const Unstake = (): JSX.Element => {
                   className="inline-flex w-auto leading-none px-4 py-3 mb-4"
                   outlineColor="pink"
                   textHoverColor="white"
-                  borderRadius="sm"
                   onClick={onUnbondAll}
                 >
                   Unbond All
@@ -247,7 +246,6 @@ const Unstake = (): JSX.Element => {
             <ActionButton
               size="sm"
               backgroundColor="white"
-              borderRadius="sm"
               backgroundHoverColor="pink"
               className="mt-2 col-start-2"
               disabled={

diff --git a/apps/namadillo/src/App/Staking/ValidatorFilterNav.tsx b/apps/namadillo/src/App/Staking/ValidatorFilterNav.tsx
@@ -70,7 +70,6 @@ export const ValidatorFilterNav = ({
           backgroundColor="white"
           className="sm:ml-auto w-auto px-8"
           size="sm"
-          borderRadius="sm"
         >
           Randomize
         </ActionButton>