Merge pull request #185 from Libree/refactor/loan_offer

Refactor/loan offer
Libree · Aug 22, 2023 · 4261b68 · 4261b68
2 parents dd65011 + f8843f9
commit 4261b68
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 11 deletions.
diff --git a/packages/web-app/src/containers/actionBuilder/index.tsx b/packages/web-app/src/containers/actionBuilder/index.tsx
@@ -89,8 +89,8 @@ const Action: React.FC<ActionsComponentProps> = ({
       return <MintTokens {...{ actionIndex, allowRemove }} />;
     case 'fund_opportunity':
       return <FundOpportunityAction {...{ actionIndex }} />;
-      case 'loan_offer':
-        return <LoanOfferAction {...{ actionIndex, allowRemove }} />;
+    case 'loan_offer':
+      return <LoanOfferAction {...{ actionIndex, allowRemove }} />;
     case 'external_contract_modal':
       return <SCC actionIndex={actionIndex} />;
     case 'external_contract_action':

diff --git a/packages/web-app/src/containers/configureLoanOffer/index.tsx b/packages/web-app/src/containers/configureLoanOffer/index.tsx
@@ -43,10 +43,11 @@ const ConfigureLoanOfferForm: React.FC<ConfigureLoanOfferFormProps> = ({
     const { data } = useDaoDetailsQuery()
     const { pwn } = useInstalledPlugins(data?.address)
 
-    const [name] =
+    const [name, collateralType] =
         useWatch({
             name: [
                 `actions.${actionIndex}.name`,
+                `actions.${actionIndex}.inputs.collateralType`,
             ],
         });
 
@@ -223,14 +224,29 @@ const ConfigureLoanOfferForm: React.FC<ConfigureLoanOfferFormProps> = ({
                         fieldState: { error },
                     }) => (
                         <>
-                            <StyledInput
-                                mode={error ? 'critical' : 'default'}
-                                name={name}
-                                type="text"
-                                value={value}
-                                placeholder="0x..."
-                                onBlur={onBlur}
-                            />
+                            {collateralType as CollateralType === 'ERC20' ? (
+                                <StyledSelect
+                                    name={name}
+                                    value={value}
+                                    onChange={onChange}
+                                    defaultValue={""}
+                                >
+                                    <option value="" disabled>{t('labels.selectAnOption')}</option>
+                                    {SUPPORTED_TOKENS[SupportedNetwork.MUMBAI].map((token) => (
+                                        <option key={token.address} value={token.address}>{token.name}</option>
+                                    ))}
+                                </StyledSelect>
+                            ) : (
+                                <StyledInput
+                                    mode={error ? 'critical' : 'default'}
+                                    name={name}
+                                    type="text"
+                                    value={value}
+                                    placeholder="..."
+                                    onBlur={onBlur}
+                                    onChange={onChange}
+                                />
+                            )}
                             {error?.message && (
                                 <AlertInline label={error.message} mode="critical" />
                             )}