Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Remove unneeded div in CreateNewCampaignModal.

This commit is contained in:
Gan Eng Chin 2023-03-10 02:14:35 +08:00
parent e4da8cba09
commit 0a58ec19f8
No known key found for this signature in database
GPG Key ID: 94D5D972860ADB01
1 changed files with 48 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

98
plugins/woocommerce-admin/client/marketing/overview-multichannel/Campaigns/CreateNewCampaignModal/CreateNewCampaignModal.tsx
View File

@ -67,59 +67,57 @@ export const CreateNewCampaignModal = ( props: CreateCampaignModalProps ) => {
)
: __( 'No campaign types found.', 'woocommerce' ) }
</div>
<div>
{ campaignTypes?.map( ( el ) => (
<Flex
key={ el.id }
className="woocommerce-marketing-new-campaign-type"
gap={ 4 }
>
<FlexItem>
<img
src={ el.icon }
alt={ el.name }
width="32"
height="32"
/>
</FlexItem>
<FlexBlock>
<Flex direction="column" gap={ 1 }>
<FlexItem className="woocommerce-marketing-new-campaign-type__name">
{ el.name }
{ campaignTypes?.map( ( el ) => (
<Flex
key={ el.id }
className="woocommerce-marketing-new-campaign-type"
gap={ 4 }
>
<FlexItem>
<img
src={ el.icon }
alt={ el.name }
width="32"
height="32"
/>
</FlexItem>
<FlexBlock>
<Flex direction="column" gap={ 1 }>
<FlexItem className="woocommerce-marketing-new-campaign-type__name">
{ el.name }
</FlexItem>
<FlexItem className="woocommerce-marketing-new-campaign-type__description">
{ el.description }
</FlexItem>
</Flex>
</FlexBlock>
<FlexItem>
<Button
variant="secondary"
href={ el.createUrl }
target={
isExternalURL( el.createUrl )
? '_blank'
: '_self'
}
>
<Flex gap={ 1 }>
<FlexItem>
{ __( 'Create', 'woocommerce' ) }
</FlexItem>
<FlexItem className="woocommerce-marketing-new-campaign-type__description">
{ el.description }
</FlexItem>
</Flex>
</FlexBlock>
<FlexItem>
<Button
variant="secondary"
href={ el.createUrl }
target={
isExternalURL( el.createUrl )
? '_blank'
: '_self'
}
>
<Flex gap={ 1 }>
{ isExternalURL( el.createUrl ) && (
<FlexItem>
{ __( 'Create', 'woocommerce' ) }
<Icon
icon={ external }
size={ 16 }
/>
</FlexItem>
{ isExternalURL( el.createUrl ) && (
<FlexItem>
<Icon
icon={ external }
size={ 16 }
/>
</FlexItem>
) }
</Flex>
</Button>
</FlexItem>
</Flex>
) ) }
</div>
) }
</Flex>
</Button>
</FlexItem>
</Flex>
) ) }
</div>
{ !! recommendedChannels?.length && (
<div className="woocommerce-marketing-add-channels">