fix: Show list for rent button after expired rental listing (decentra…

…land#1468)
jiamin-fc · Mar 17, 2023 · ec4dba9 · ec4dba9
1 parent bdefd7c
commit ec4dba9
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/webapp/src/components/ManageAssetPage/Rent/Rent.tsx b/webapp/src/components/ManageAssetPage/Rent/Rent.tsx
@@ -84,7 +84,7 @@ export const Rent = (props: Props) => {
     wallet && rental && canBeClaimed(wallet.address, rental, nft)
 
   const rentButton = useMemo(() => {
-    if (!rental) {
+    if (!rental || (isRentalListingCancelled(rental) && !canBeClaimedBack)) {
       return (
         <Button
           className={styles.actionButtonRounded}
@@ -93,11 +93,10 @@ export const Rent = (props: Props) => {
           {t('manage_asset_page.rent.list_for_rent')}
         </Button>
       )
-    }
-    if (rental && isRentalListingOpen(rental)) {
+    } else if (rental && isRentalListingOpen(rental)) {
       return <IconButton iconName="pencil" onClick={handleOnCreateOrEdit} />
     }
-  }, [handleOnCreateOrEdit, rental])
+  }, [handleOnCreateOrEdit, rental, canBeClaimedBack])
 
   return (
     <section className={classNames(styles.box, className)}>