runs formatting command

astriaorg · Jan 15, 2025 · e0addd4 · e0addd4
1 parent 52ae0d1
commit e0addd4
Show file tree

Hide file tree

Showing 45 changed files with 886 additions and 779 deletions.
diff --git a/apps/flame-defi/app/components/DepositCard/DepositCard.tsx b/apps/flame-defi/app/components/DepositCard/DepositCard.tsx
@@ -64,7 +64,7 @@ export default function DepositCard(): React.ReactElement {
       return defaultEvmCurrencyOption;
     }
     const matchingEvmCurrency = selectedEvmChain?.currencies.find(
-      (currency) => currency.coinDenom === selectedIbcCurrency.coinDenom
+      (currency) => currency.coinDenom === selectedIbcCurrency.coinDenom,
     );
     if (!matchingEvmCurrency) {
       return null;
@@ -102,7 +102,7 @@ export default function DepositCard(): React.ReactElement {
     setRecipientAddressOverride("");
   };
   const updateRecipientAddressOverride = (
-    event: React.ChangeEvent<HTMLInputElement>
+    event: React.ChangeEvent<HTMLInputElement>,
   ) => {
     setRecipientAddressOverride(event.target.value);
   };
@@ -123,7 +123,7 @@ export default function DepositCard(): React.ReactElement {
 
   const checkIsFormValid = (
     addressInput: string | null,
-    amountInput: string
+    amountInput: string,
   ) => {
     if (addressInput === null) {
       setIsRecipientAddressValid(false);
@@ -194,7 +194,7 @@ export default function DepositCard(): React.ReactElement {
     try {
       const formattedAmount = Decimal.fromUserInput(
         amount,
-        selectedIbcCurrency.coinDecimals
+        selectedIbcCurrency.coinDecimals,
       ).atomics;
 
       const signer = await getCosmosSigningClient();
@@ -203,7 +203,7 @@ export default function DepositCard(): React.ReactElement {
         fromAddress,
         recipientAddress,
         formattedAmount,
-        selectedIbcCurrency
+        selectedIbcCurrency,
       );
       addNotification({
         toastOpts: {
@@ -280,7 +280,7 @@ export default function DepositCard(): React.ReactElement {
         RightIcon: PlusIcon,
       },
     ],
-    [connectCosmosWallet]
+    [connectCosmosWallet],
   );
 
   const additionalEvmChainOptions = useMemo(() => {

diff --git a/apps/flame-defi/app/components/WithdrawCard/WithdrawCard.tsx b/apps/flame-defi/app/components/WithdrawCard/WithdrawCard.tsx
@@ -56,7 +56,7 @@ export default function WithdrawCard(): React.ReactElement {
       return defaultIbcCurrencyOption;
     }
     const matchingIbcCurrency = selectedCosmosChain?.currencies.find(
-      (currency) => currency.coinDenom === selectedEvmCurrency.coinDenom
+      (currency) => currency.coinDenom === selectedEvmCurrency.coinDenom,
     );
     if (!matchingIbcCurrency) {
       return null;
@@ -95,7 +95,7 @@ export default function WithdrawCard(): React.ReactElement {
     setRecipientAddressOverride("");
   };
   const updateRecipientAddressOverride = (
-    event: React.ChangeEvent<HTMLInputElement>
+    event: React.ChangeEvent<HTMLInputElement>,
   ) => {
     setRecipientAddressOverride(event.target.value);
   };
@@ -115,7 +115,7 @@ export default function WithdrawCard(): React.ReactElement {
 
   const checkIsFormValid = (
     recipientAddressInput: string | null,
-    amountInput: string
+    amountInput: string,
   ) => {
     if (recipientAddressInput === null) {
       setIsRecipientAddressValid(false);
@@ -199,15 +199,15 @@ export default function WithdrawCard(): React.ReactElement {
       const withdrawerSvc = createWithdrawerService(
         wagmiConfig,
         contractAddress,
-        Boolean(selectedEvmCurrency.erc20ContractAddress)
+        Boolean(selectedEvmCurrency.erc20ContractAddress),
       );
       await withdrawerSvc.withdrawToIbcChain(
         selectedEvmChain.chainId,
         recipientAddress,
         amount,
         selectedEvmCurrency.coinDecimals,
         selectedEvmCurrency.ibcWithdrawalFeeWei,
-        ""
+        "",
       );
       addNotification({
         toastOpts: {
@@ -279,7 +279,7 @@ export default function WithdrawCard(): React.ReactElement {
         rightIconClass: "fas fa-pen-to-square",
       },
     ],
-    [handleConnectCosmosWallet, handleEditRecipientClick]
+    [handleConnectCosmosWallet, handleEditRecipientClick],
   );
 
   const additionalEvmOptions = useMemo(() => {

diff --git a/apps/flame-defi/app/config/chainConfigs/ChainConfigsDawn.ts b/apps/flame-defi/app/config/chainConfigs/ChainConfigsDawn.ts
@@ -1,4 +1,9 @@
-import { CelestiaIcon, FlameIcon, NeutronIcon, NobleIcon } from "@repo/ui/icons";
+import {
+  CelestiaIcon,
+  FlameIcon,
+  NeutronIcon,
+  NobleIcon,
+} from "@repo/ui/icons";
 import type {
   CosmosChainInfo,
   CosmosChains,

diff --git a/apps/flame-defi/app/layout.tsx b/apps/flame-defi/app/layout.tsx
@@ -13,7 +13,6 @@ export default function RootLayout({
 }: {
   children: React.ReactNode;
 }) {
-
   return (
     <html lang="en">
       <body>

diff --git a/apps/flame-defi/app/swap/page.tsx b/apps/flame-defi/app/swap/page.tsx
@@ -46,7 +46,7 @@ export default function SwapPage(): React.ReactElement {
     setInputSelected(
       inputSelected === TOKEN_INPUTS.TOKEN_ONE
         ? TOKEN_INPUTS.TOKEN_TWO
-        : TOKEN_INPUTS.TOKEN_ONE
+        : TOKEN_INPUTS.TOKEN_ONE,
     );
     setInputOne((prev) => ({ ...prev, token: inputTwo.token }));
     setInputTwo((prev) => ({ ...prev, token: inputOne.token }));

diff --git a/apps/flame-defi/app/swap/useTokenModal.tsx b/apps/flame-defi/app/swap/useTokenModal.tsx
@@ -1,43 +1,49 @@
-import { CelestiaIcon, MilkTiaIcon, StrideTiaIcon, UsdcIcon, WrappedTiaIcon } from "@repo/ui/icons";
+import {
+  CelestiaIcon,
+  MilkTiaIcon,
+  StrideTiaIcon,
+  UsdcIcon,
+  WrappedTiaIcon,
+} from "@repo/ui/icons";
 import { IconProps } from "@repo/ui/types";
 
 export interface TokenItem {
-    Icon: React.ComponentType<IconProps>;
-    title: string;
-    symbol: string;
-  }
-
-  // NOTE: temporary tokens until we have a real token list from a api
-  const tokens: TokenItem[] = [
-    {
-      Icon: CelestiaIcon,
-      title: "TIA",
-      symbol: "TIA",
-    },
-    {
-      Icon: WrappedTiaIcon,
-      title: "Wrapped Celestia",
-      symbol: "WTIA",
-    },
-    {
-      Icon: MilkTiaIcon,
-      title: "Milk TIA",
-      symbol: "milkTIA",
-    },
-    {
-      Icon: StrideTiaIcon,
-      title: "Stride TIA",
-      symbol: "stTIA",
-    },
-    {
-      Icon: UsdcIcon,
-      title: "USDC",
-      symbol: "USDC",
-    },
-  ];
+  Icon: React.ComponentType<IconProps>;
+  title: string;
+  symbol: string;
+}
 
-  export function useTokenModal() {
-    return {
-      tokens,
-    };
-  }
+// NOTE: temporary tokens until we have a real token list from a api
+const tokens: TokenItem[] = [
+  {
+    Icon: CelestiaIcon,
+    title: "TIA",
+    symbol: "TIA",
+  },
+  {
+    Icon: WrappedTiaIcon,
+    title: "Wrapped Celestia",
+    symbol: "WTIA",
+  },
+  {
+    Icon: MilkTiaIcon,
+    title: "Milk TIA",
+    symbol: "milkTIA",
+  },
+  {
+    Icon: StrideTiaIcon,
+    title: "Stride TIA",
+    symbol: "stTIA",
+  },
+  {
+    Icon: UsdcIcon,
+    title: "USDC",
+    symbol: "USDC",
+  },
+];
+
+export function useTokenModal() {
+  return {
+    tokens,
+  };
+}
diff --git a/packages/ui/src/components/Dropdown/Dropdown.test.tsx b/packages/ui/src/components/Dropdown/Dropdown.test.tsx
@@ -47,26 +47,25 @@ describe("Dropdown Component", () => {
     { label: "Option 2", value: "option2" },
     { label: "Option 3", value: "option3" },
   ];
-  
+
   test("displays selected option", () => {
     render(
       <Dropdown
         options={mockOptions}
         defaultOption={mockOptions[1]} // Use "Option 2" as default
         onSelect={() => {}}
-      />
+      />,
     );
     expect(screen.getByText("Option 2")).toBeInTheDocument();
   });
 
   test("displays selected option after user clicks it", () => {
     render(<Dropdown options={mockOptions} onSelect={() => {}} />);
-  
+
     fireEvent.click(screen.getByRole("button"));
     fireEvent.click(screen.getByText("Option 2"));
     expect(screen.getByText("Option 2")).toBeInTheDocument();
   });
-
 
   test("calls onSelect with correct value when option is clicked", () => {
     const onSelect = jest.fn();

diff --git a/packages/ui/src/components/Dropdown/Dropdown.tsx b/packages/ui/src/components/Dropdown/Dropdown.tsx
@@ -97,7 +97,7 @@ export const Dropdown = <T,>({
       setIsActive(false);
       onSelect(option.value);
     },
-    [onSelect]
+    [onSelect],
   );
 
   const toggleDropdown = useCallback(() => {

diff --git a/packages/ui/src/components/SettingsPopover/SettingsPopover.tsx b/packages/ui/src/components/SettingsPopover/SettingsPopover.tsx
@@ -26,7 +26,7 @@ export const SettingsPopover: React.FC<SettingsPopoverProps> = () => {
   const [showExpertModeDialog, setShowExpertModeDialog] = useState(false);
 
   const handleCustomSlippageChange = (
-    e: React.ChangeEvent<HTMLInputElement>
+    e: React.ChangeEvent<HTMLInputElement>,
   ) => {
     const value = e.target.value;
     setCustomSlippage(value);

diff --git a/packages/ui/src/components/index.ts b/packages/ui/src/components/index.ts
@@ -1,10 +1,10 @@
-export * from './ActionButton/ActionButton';
-export * from './CopyToClipboardButton/CopyToClipboardButton';
-export * from './Dropdown/Dropdown';
-export * from './AnimatedDownArrowSpacer/AnimatedDownArrowSpacer';
-export * from './Footer/Footer';
-export * from './SideTag/SideTag';
-export * from './TokenSelector/TokenSelector';
-export * from './SettingsPopover/SettingsPopover';
-export * from './InfoTooltip/InfoTooltip';
-export * from './TxnInfo/TxnInfo';
+export * from "./ActionButton/ActionButton";
+export * from "./CopyToClipboardButton/CopyToClipboardButton";
+export * from "./Dropdown/Dropdown";
+export * from "./AnimatedDownArrowSpacer/AnimatedDownArrowSpacer";
+export * from "./Footer/Footer";
+export * from "./SideTag/SideTag";
+export * from "./TokenSelector/TokenSelector";
+export * from "./SettingsPopover/SettingsPopover";
+export * from "./InfoTooltip/InfoTooltip";
+export * from "./TxnInfo/TxnInfo";
diff --git a/packages/ui/src/icons/ArrowUpDownIcon.tsx b/packages/ui/src/icons/ArrowUpDownIcon.tsx
@@ -1,24 +1,26 @@
 import type { IconProps } from "../types";
 
-export const ArrowUpDownIcon: React.FC<IconProps> = ({ className = "", size = 24 }) => {
+export const ArrowUpDownIcon: React.FC<IconProps> = ({
+  className = "",
+  size = 24,
+}) => {
   return (
-    <svg 
-      xmlns="http://www.w3.org/2000/svg" 
-      fill="none" 
-      viewBox="0 0 24 24" 
-      strokeWidth={1.5} 
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="0 0 24 24"
+      strokeWidth={1.5}
       stroke="currentColor"
       width={size}
       height={size}
       className={className}
       aria-hidden="true"
-
     >
-      <path 
-        strokeLinecap="round" 
-        strokeLinejoin="round" 
-        d="M3 7.5 7.5 3m0 0L12 7.5M7.5 3v13.5m13.5 0L16.5 21m0 0L12 16.5m4.5 4.5V7.5" 
+      <path
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        d="M3 7.5 7.5 3m0 0L12 7.5M7.5 3v13.5m13.5 0L16.5 21m0 0L12 16.5m4.5 4.5V7.5"
       />
     </svg>
   );
-}; 
+};
diff --git a/packages/ui/src/icons/CelestiaIcon.tsx b/packages/ui/src/icons/CelestiaIcon.tsx
@@ -1,14 +1,17 @@
 import type { IconProps } from "../types";
-
-  export const CelestiaIcon: React.FC<IconProps> = ({ className = "", size = 24 }) => {
-    return (
-      <div 
-        className={`inline-block bg-contain bg-no-repeat bg-center ${className}`}
-        style={{
-          width: size,
-          height: size,
-          backgroundImage: "url(/assets/icons/logos/celestia-logo-color.png)"
-        }}
-      />
-    );
-  };
+
+export const CelestiaIcon: React.FC<IconProps> = ({
+  className = "",
+  size = 24,
+}) => {
+  return (
+    <div
+      className={`inline-block bg-contain bg-no-repeat bg-center ${className}`}
+      style={{
+        width: size,
+        height: size,
+        backgroundImage: "url(/assets/icons/logos/celestia-logo-color.png)",
+      }}
+    />
+  );
+};
diff --git a/packages/ui/src/icons/ChevronDownIcon.tsx b/packages/ui/src/icons/ChevronDownIcon.tsx
@@ -1,6 +1,9 @@
 import type { IconProps } from "../types";
 
-export const ChevronDownIcon: React.FC<IconProps> = ({ className = "", size = 24 }) => {
+export const ChevronDownIcon: React.FC<IconProps> = ({
+  className = "",
+  size = 24,
+}) => {
   return (
     <svg
       width={size}
@@ -20,4 +23,4 @@ export const ChevronDownIcon: React.FC<IconProps> = ({ className = "", size = 24
       />
     </svg>
   );
-}; 
+};
-Original file line number
+Diff line change
@@ Expand Up / @@ -13,7 +13,6 @@ export default function RootLayout({ @@
     }: {
       children: React.ReactNode;
     }) {
       return (
         <html lang="en">
           <body>
@@ Expand Down @@