feat: Add correct image for programmatic and standard third parties

decentraland · Oct 8, 2024 · a038bb8 · a038bb8
1 parent 5b309ba
commit a038bb8
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 7 deletions.
diff --git a/...ponents/Modals/CreateAndEditMultipleItemsModal/CreateAndEditMultipleItemsModal.module.css b/...ponents/Modals/CreateAndEditMultipleItemsModal/CreateAndEditMultipleItemsModal.module.css
@@ -108,11 +108,12 @@
   display: flex;
   gap: 24px;
   flex-direction: row;
+  align-items: center;
 }
 
 .item img {
   width: 225px;
-  height: 120px;
+  height: 88px;
 }
 
 .description {
@@ -133,7 +134,7 @@
 
 .action {
   display: flex;
-  justify-content: end;
+  justify-content: start;
 }
 
 .loader {

diff --git a/src/components/Modals/CreateAndEditMultipleItemsModal/CreateAndEditMultipleItemsModal.tsx b/src/components/Modals/CreateAndEditMultipleItemsModal/CreateAndEditMultipleItemsModal.tsx
@@ -40,9 +40,8 @@ import { generateCatalystImage, getModelPath } from 'modules/item/utils'
 import { ThumbnailFileTooBigError } from 'modules/item/errors'
 import ItemImport from 'components/ItemImport'
 import { InfoIcon } from 'components/InfoIcon'
-// These images are place-holders for the real ones
-import collectionsImage from '../../../images/collections.png'
-import linkedCollectionsImage from '../../../images/linked-collections.png'
+import standardKindImage from '../../../images/standard.webp'
+import programmaticKindImage from '../../../images/programmatic.webp'
 import { useThirdPartyPrice } from '../PublishWizardCollectionModal/hooks'
 import {
   CreateOrEditMultipleItemsModalType,
@@ -502,15 +501,15 @@ export const CreateAndEditMultipleItemsModal: FC<Props> = (props: Props) => {
                   subtitle: t('create_and_edit_multiple_items_modal.third_party_kind_selector.standard.subtitle', {
                     price: ethers.utils.formatEther(thirdPartyPrice?.item.usd ?? 0)
                   }),
-                  img: collectionsImage,
+                  img: standardKindImage,
                   action: () => handleSetThirdPartyType(false)
                 },
                 {
                   title: t('create_and_edit_multiple_items_modal.third_party_kind_selector.programmatic.title'),
                   subtitle: t('create_and_edit_multiple_items_modal.third_party_kind_selector.programmatic.subtitle', {
                     price: ethers.utils.formatEther(thirdPartyPrice?.programmatic.usd ?? 0)
                   }),
-                  img: linkedCollectionsImage,
+                  img: programmaticKindImage,
                   action: () => handleSetThirdPartyType(true)
                 }
               ].map(({ title, subtitle, img, action }, index) => (

diff --git a/src/images/programmatic.webp b/src/images/programmatic.webp
diff --git a/src/images/standard.webp b/src/images/standard.webp