renamed HugeDecimalInput to NumericInput

DA0-DA0 · Oct 2, 2024 · ef43179 · ef43179
1 parent 7fbf3ec
commit ef43179
Show file tree

Hide file tree

Showing 44 changed files with 168 additions and 141 deletions.
diff --git a/packages/stateful/actions/core/actions/AuthzGrantRevoke/Component.tsx b/packages/stateful/actions/core/actions/AuthzGrantRevoke/Component.tsx
@@ -8,10 +8,10 @@ import {
   Button,
   CodeMirrorInput,
   FormSwitchCard,
-  HugeDecimalInput,
   InputErrorMessage,
   InputLabel,
   NativeCoinSelector,
+  NumericInput,
   RadioInput,
   SegmentedControlsTitle,
   SelectInput,
@@ -413,7 +413,7 @@ export const AuthzGrantRevokeComponent: ActionComponent<
                   tooltip={t('form.callsDescription')}
                 />
 
-                <HugeDecimalInput
+                <NumericInput
                   containerClassName="grow"
                   disabled={!isCreating}
                   error={errors?.calls}

diff --git a/packages/stateful/actions/core/actions/ConfigureRebalancer/Component.tsx b/packages/stateful/actions/core/actions/ConfigureRebalancer/Component.tsx
@@ -7,12 +7,12 @@ import { HugeDecimal } from '@dao-dao/math'
 import {
   Button,
   ErrorPage,
-  HugeDecimalInput,
   IconButton,
   InputErrorMessage,
   InputLabel,
   Loader,
   MarkdownRenderer,
+  NumericInput,
   RebalancerProjector,
   RebalancerProjectorAsset,
   SegmentedControls,
@@ -456,7 +456,7 @@ export const ConfigureRebalancerComponent: ActionComponent<
               <div className="space-y-2">
                 {/* eslint-disable-next-line i18next/no-literal-string */}
                 <InputLabel name="P" />
-                <HugeDecimalInput
+                <NumericInput
                   error={errors?.pid?.kp}
                   fieldName={(fieldNamePrefix + 'pid.kp') as 'pid.kp'}
                   hidePlusMinus
@@ -474,7 +474,7 @@ export const ConfigureRebalancerComponent: ActionComponent<
               <div className="space-y-2">
                 {/* eslint-disable-next-line i18next/no-literal-string */}
                 <InputLabel name="I" />
-                <HugeDecimalInput
+                <NumericInput
                   error={errors?.pid?.ki}
                   fieldName={(fieldNamePrefix + 'pid.ki') as 'pid.ki'}
                   hidePlusMinus
@@ -492,7 +492,7 @@ export const ConfigureRebalancerComponent: ActionComponent<
               <div className="space-y-2">
                 {/* eslint-disable-next-line i18next/no-literal-string */}
                 <InputLabel name="D" />
-                <HugeDecimalInput
+                <NumericInput
                   error={errors?.pid?.kd}
                   fieldName={(fieldNamePrefix + 'pid.kd') as 'pid.kd'}
                   hidePlusMinus
@@ -588,7 +588,7 @@ export const ConfigureRebalancerComponent: ActionComponent<
 
               {maxLimitEnabled && (
                 <div className="flex flex-row gap-2 self-start">
-                  <HugeDecimalInput
+                  <NumericInput
                     containerClassName="grow min-w-[min(8rem,50%)]"
                     error={errors?.maxLimit}
                     fieldName={(fieldNamePrefix + 'maxLimit') as 'maxLimit'}

diff --git a/packages/stateful/actions/core/actions/CreateRewardDistribution/Component.tsx b/packages/stateful/actions/core/actions/CreateRewardDistribution/Component.tsx
@@ -3,10 +3,10 @@ import { useTranslation } from 'react-i18next'
 
 import { HugeDecimal } from '@dao-dao/math'
 import {
-  HugeDecimalInput,
   InputErrorMessage,
   InputLabel,
   MarkdownRenderer,
+  NumericInput,
   PercentButton,
   SegmentedControls,
   SelectInput,
@@ -194,7 +194,7 @@ export const CreateRewardDistributionComponent: ActionComponent<
 
         {!immediate && (
           <div className="bg-background-tertiary flex flex-wrap flex-row gap-x-4 gap-y-2 px-4 py-3 rounded-md max-w-prose">
-            <HugeDecimalInput
+            <NumericInput
               containerClassName="grow"
               disabled={!isCreating}
               error={errors?.rate?.amount}
@@ -217,7 +217,7 @@ export const CreateRewardDistributionComponent: ActionComponent<
 
               <div className="flex grow flex-row gap-2">
                 <div className="flex flex-col gap-1 grow">
-                  <HugeDecimalInput
+                  <NumericInput
                     disabled={!isCreating}
                     error={errors?.rate?.duration?.value}
                     fieldName={
@@ -265,7 +265,7 @@ export const CreateRewardDistributionComponent: ActionComponent<
           {t('info.initialRewardsFundsDescription')}
         </p>
 
-        <HugeDecimalInput
+        <NumericInput
           containerClassName={!isCreating ? 'self-start' : undefined}
           disabled={!isCreating}
           fieldName={(fieldNamePrefix + 'initialFunds') as 'initialFunds'}

diff --git a/packages/stateful/actions/core/actions/FundRewardDistribution/Component.tsx b/packages/stateful/actions/core/actions/FundRewardDistribution/Component.tsx
@@ -6,10 +6,10 @@ import { useTranslation } from 'react-i18next'
 import { HugeDecimal } from '@dao-dao/math'
 import {
   FilterableItemPopup,
-  HugeDecimalInput,
   InputErrorMessage,
   InputLabel,
   InputThemedText,
+  NumericInput,
   PercentButton,
   StatusCard,
   TokenAmountDisplay,
@@ -160,7 +160,7 @@ export const FundRewardDistributionComponent: ActionComponent<
           <div className="flex flex-col gap-2 max-w-prose">
             <InputLabel name={t('form.funds')} primary />
 
-            <HugeDecimalInput
+            <NumericInput
               containerClassName={clsx(!isCreating && 'self-start')}
               disabled={!isCreating}
               fieldName={(fieldNamePrefix + 'amount') as 'amount'}

diff --git a/packages/stateful/actions/core/actions/Instantiate/Component.tsx b/packages/stateful/actions/core/actions/Instantiate/Component.tsx
@@ -9,10 +9,10 @@ import {
   Button,
   CodeMirrorInput,
   CopyToClipboard,
-  HugeDecimalInput,
   InputErrorMessage,
   InputLabel,
   NativeCoinSelector,
+  NumericInput,
   TextInput,
   useActionOptions,
   useChain,
@@ -132,7 +132,7 @@ export const InstantiateComponent: ActionComponent<InstantiateOptions> = ({
       <div className="flex flex-row items-center gap-2">
         <div className="flex flex-col items-stretch gap-1">
           <InputLabel name={t('form.codeId')} />
-          <HugeDecimalInput
+          <NumericInput
             disabled={!isCreating}
             error={errors?.codeId}
             fieldName={fieldNamePrefix + 'codeId'}

diff --git a/packages/stateful/actions/core/actions/Instantiate2/Component.tsx b/packages/stateful/actions/core/actions/Instantiate2/Component.tsx
@@ -10,10 +10,10 @@ import {
   CodeMirrorInput,
   CopyToClipboard,
   ErrorPage,
-  HugeDecimalInput,
   InputErrorMessage,
   InputLabel,
   NativeCoinSelector,
+  NumericInput,
   TextInput,
   useActionOptions,
   useChain,
@@ -118,7 +118,7 @@ export const Instantiate2Component: ActionComponent<Instantiate2Options> = ({
       <div className="flex flex-row items-center gap-2">
         <div className="flex flex-col items-stretch gap-1">
           <InputLabel name={t('form.codeId')} />
-          <HugeDecimalInput
+          <NumericInput
             disabled={!isCreating}
             error={errors?.codeId}
             fieldName={fieldNamePrefix + 'codeId'}

diff --git a/packages/stateful/actions/core/actions/ManageStaking/Component.tsx b/packages/stateful/actions/core/actions/ManageStaking/Component.tsx
@@ -6,9 +6,9 @@ import { useTranslation } from 'react-i18next'
 
 import { HugeDecimal } from '@dao-dao/math'
 import {
-  HugeDecimalInput,
   InputErrorMessage,
   InputLabel,
+  NumericInput,
   SelectInput,
   TokenAmountDisplay,
   ValidatorPicker,
@@ -340,7 +340,7 @@ export const ManageStakingComponent: ActionComponent<
         {/* If not withdrawing reward or updating withdraw address, show amount input. */}
         {type !== StakingActionType.WithdrawDelegatorReward &&
           type !== StakingActionType.SetWithdrawAddress && (
-            <HugeDecimalInput
+            <NumericInput
               containerClassName="grow"
               disabled={!isCreating}
               error={errors?.amount}

diff --git a/packages/stateful/actions/core/actions/ManageSubDaoPause/Component.tsx b/packages/stateful/actions/core/actions/ManageSubDaoPause/Component.tsx
@@ -4,10 +4,10 @@ import { useTranslation } from 'react-i18next'
 
 import {
   FilterableItemPopup,
-  HugeDecimalInput,
   InputErrorMessage,
   InputLabel,
   Loader,
+  NumericInput,
   SegmentedControlsTitle,
   useActionOptions,
 } from '@dao-dao/stateless'
@@ -113,7 +113,7 @@ export const ManageSubDaoPauseComponent: ActionComponent<
         <div className="flex flex-col gap-1">
           <InputLabel name={t('form.blocksToPauseFor')} />
 
-          <HugeDecimalInput
+          <NumericInput
             error={errors?.pauseBlocks}
             fieldName={(fieldNamePrefix + 'pauseBlocks') as 'pauseBlocks'}
             getValues={getValues}

diff --git a/packages/stateful/actions/core/actions/ManageVesting/BeginVesting.tsx b/packages/stateful/actions/core/actions/ManageVesting/BeginVesting.tsx
@@ -18,10 +18,10 @@ import {
   CopyToClipboard,
   DateTimePicker,
   DateTimePickerNoForm,
-  HugeDecimalInput,
   IconButton,
   InputErrorMessage,
   InputLabel,
+  NumericInput,
   RadioInput,
   RadioInputOption,
   SelectInput,
@@ -610,7 +610,7 @@ export const BeginVesting: ActionComponent<BeginVestingOptions> = ({
                 <div className="flex shrink-0 flex-col gap-1">
                   <InputLabel name={t('form.unlockPercent')} />
 
-                  <HugeDecimalInput
+                  <NumericInput
                     disabled={!isCreating}
                     error={errors?.steps?.[index]?.percent}
                     fieldName={
@@ -645,7 +645,7 @@ export const BeginVesting: ActionComponent<BeginVestingOptions> = ({
                   </div>
 
                   <div className="flex flex-row gap-1">
-                    <HugeDecimalInput
+                    <NumericInput
                       disabled={!isCreating}
                       error={errors?.steps?.[index]?.delay?.value}
                       fieldName={

diff --git a/packages/stateful/actions/core/actions/Migrate/Component.tsx b/packages/stateful/actions/core/actions/Migrate/Component.tsx
@@ -4,9 +4,9 @@ import { useTranslation } from 'react-i18next'
 import {
   AddressInput,
   CodeMirrorInput,
-  HugeDecimalInput,
   InputErrorMessage,
   InputLabel,
+  NumericInput,
   StatusCard,
   useActionOptions,
   useChain,
@@ -72,7 +72,7 @@ export const MigrateContractComponent: ActionComponent<MigrateOptions> = ({
         </div>
         <div className="flex flex-col gap-1">
           <InputLabel name={t('form.codeId')} />
-          <HugeDecimalInput
+          <NumericInput
             containerClassName="xs:h-full"
             disabled={!isCreating}
             error={errors?.codeId}

diff --git a/packages/stateful/actions/core/actions/Spend/Component.tsx b/packages/stateful/actions/core/actions/Spend/Component.tsx
@@ -11,12 +11,12 @@ import {
   ChainLogo,
   ChainProvider,
   FormSwitchCard,
-  HugeDecimalInput,
   IbcDestinationChainPicker,
   InputErrorMessage,
   InputLabel,
   InputThemedText,
   Loader,
+  NumericInput,
   PercentButton,
   SelectInput,
   StatusCard,
@@ -795,7 +795,7 @@ export const SpendComponent: ActionComponent<SpendOptions> = ({
             {isCreating ? (
               <>
                 <div className="flex flex-row gap-1">
-                  <HugeDecimalInput
+                  <NumericInput
                     disabled={!isCreating}
                     error={errors?.ibcTimeout?.value}
                     fieldName={

diff --git a/packages/stateful/actions/core/actions/UpdateRewardDistribution/Component.tsx b/packages/stateful/actions/core/actions/UpdateRewardDistribution/Component.tsx
@@ -5,11 +5,11 @@ import { useTranslation } from 'react-i18next'
 import { HugeDecimal } from '@dao-dao/math'
 import {
   FilterableItemPopup,
-  HugeDecimalInput,
   InputErrorMessage,
   InputLabel,
   InputThemedText,
   MarkdownRenderer,
+  NumericInput,
   SegmentedControls,
   SelectInput,
   StatusCard,
@@ -188,7 +188,7 @@ export const UpdateRewardDistributionComponent: ActionComponent<
 
             {!immediate && (
               <div className="flex flex-wrap flex-row gap-x-4 gap-y-2 px-4 py-3 bg-background-tertiary rounded-md max-w-prose">
-                <HugeDecimalInput
+                <NumericInput
                   containerClassName="grow"
                   disabled={!isCreating}
                   error={errors?.rate?.amount}
@@ -211,7 +211,7 @@ export const UpdateRewardDistributionComponent: ActionComponent<
 
                   <div className="flex grow flex-row gap-2">
                     <div className="flex flex-col gap-1 grow">
-                      <HugeDecimalInput
+                      <NumericInput
                         disabled={!isCreating}
                         error={errors?.rate?.duration?.value}
                         fieldName={

diff --git a/packages/stateful/components/dao/commonVotingConfig/ActiveThresholdVotingConfigItem.tsx b/packages/stateful/components/dao/commonVotingConfig/ActiveThresholdVotingConfigItem.tsx
@@ -3,7 +3,7 @@ import { useTranslation } from 'react-i18next'
 import {
   FilmSlateEmoji,
   FormSwitchCard,
-  HugeDecimalInput,
+  NumericInput,
   SelectInput,
 } from '@dao-dao/stateless'
 import {
@@ -45,7 +45,7 @@ const ActiveThresholdInput = ({
       {enabled && (
         <>
           <div className="flex flex-row gap-2">
-            <HugeDecimalInput
+            <NumericInput
               containerClassName="grow min-w-[8rem]"
               error={errors?.activeThreshold?.value}
               fieldName="activeThreshold.value"

diff --git a/packages/stateful/components/dao/commonVotingConfig/QuorumVotingConfigItem.tsx b/packages/stateful/components/dao/commonVotingConfig/QuorumVotingConfigItem.tsx
@@ -1,10 +1,6 @@
 import { useTranslation } from 'react-i18next'
 
-import {
-  HugeDecimalInput,
-  MegaphoneEmoji,
-  SelectInput,
-} from '@dao-dao/stateless'
+import { MegaphoneEmoji, NumericInput, SelectInput } from '@dao-dao/stateless'
 import {
   DaoCreationVotingConfigItem,
   DaoCreationVotingConfigItemInputProps,
@@ -31,7 +27,7 @@ const QuorumInput = ({
   return (
     <div className="flex flex-row gap-2">
       {!majority && (
-        <HugeDecimalInput
+        <NumericInput
           containerClassName="grow min-w-[8rem]"
           error={errors?.quorum?.value}
           fieldName="quorum.value"

diff --git a/packages/stateful/components/dao/commonVotingConfig/VotingDurationVotingConfigItem.tsx b/packages/stateful/components/dao/commonVotingConfig/VotingDurationVotingConfigItem.tsx
@@ -1,10 +1,6 @@
 import { useTranslation } from 'react-i18next'
 
-import {
-  HourglassEmoji,
-  HugeDecimalInput,
-  SelectInput,
-} from '@dao-dao/stateless'
+import { HourglassEmoji, NumericInput, SelectInput } from '@dao-dao/stateless'
 import {
   DaoCreationVotingConfigItem,
   DaoCreationVotingConfigItemInputProps,
@@ -30,7 +26,7 @@ export const VotingDurationInput = ({
 
   return (
     <div className="flex flex-row gap-2">
-      <HugeDecimalInput
+      <NumericInput
         containerClassName="grow"
         error={errors?.votingDuration?.value}
         fieldName="votingDuration.value"

diff --git a/packages/stateful/components/gov/GovProposalStatusAndInfo.tsx b/packages/stateful/components/gov/GovProposalStatusAndInfo.tsx
@@ -15,8 +15,8 @@ import { HugeDecimal } from '@dao-dao/math'
 import { genericTokenSelector } from '@dao-dao/state/recoil'
 import {
   GOV_PROPOSAL_STATUS_I18N_KEY_MAP,
-  HugeDecimalInput,
   Logo,
+  NumericInput,
   ProposalStatusAndInfoProps,
   ProposalStatusAndInfo as StatelessProposalStatusAndInfo,
   Tooltip,
@@ -288,7 +288,7 @@ const InnerGovProposalStatusAndInfo = ({
         status === ProposalStatus.PROPOSAL_STATUS_DEPOSIT_PERIOD
           ? {
               header: (
-                <HugeDecimalInput
+                <NumericInput
                   containerClassName="-mb-1"
                   max={missingDeposit.toHumanReadableString(
                     depositToken.decimals