Nebula: Add Move funds page

Author: MananTank

apps/dashboard/src/@/components/ui/decimal-input.tsx

@@ -5,6 +5,7 @@ export function DecimalInput(props: {
   maxValue?: number;
   id?: string;
   className?: string;
+  placeholder?: string;
 }) {
   return (
     <Input
@@ -13,6 +14,7 @@ export function DecimalInput(props: {
       value={props.value}
       className={props.className}
       inputMode="decimal"
+      placeholder={props.placeholder}
       onChange={(e) => {
         const number = Number(e.target.value);
         // ignore if string becomes invalid number

apps/dashboard/src/app/nebula-app/move-funds/connect-button.tsx

@@ -0,0 +1,49 @@
+"use client";
+
+import { useTheme } from "next-themes";
+import { ConnectButton } from "thirdweb/react";
+import { inAppWallet } from "thirdweb/wallets";
+import { getSDKTheme } from "../../(app)/components/sdk-component-theme";
+import { getClientThirdwebClient } from "../../../@/constants/thirdweb-client.client";
+import { nebulaAAOptions } from "../login/account-abstraction";
+
+const dashboardClient = getClientThirdwebClient();
+
+const loginOptions = [
+  inAppWallet({
+    auth: {
+      options: [
+        "google",
+        "apple",
+        "facebook",
+        "github",
+        "email",
+        "phone",
+        "passkey",
+      ],
+    },
+  }),
+];
+
+export function MoveFundsConnectButton(props: {
+  btnClassName?: string;
+  connectLabel?: string;
+}) {
+  const { theme } = useTheme();
+
+  return (
+    <ConnectButton
+      wallets={loginOptions}
+      client={dashboardClient}
+      theme={getSDKTheme(theme === "light" ? "light" : "dark")}
+      accountAbstraction={nebulaAAOptions}
+      connectButton={{
+        className: props.btnClassName,
+        label: props.connectLabel,
+      }}
+      detailsButton={{
+        className: props.btnClassName,
+      }}
+    />
+  );
+}