Fix spacing in discounts (#3350)

* Fix spacing in discounts

* Remove not needed spaces in vouchers and sales
This commit is contained in:
Paweł Chyła 2023-03-15 09:12:07 +01:00 committed by GitHub
parent d3c901f210
commit 9e6e6e39ca
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 2 additions and 21 deletions

View file

@ -1,12 +1,12 @@
import { validateSalePrice } from "@dashboard/channels/utils";
import { TopNav } from "@dashboard/components/AppLayout/TopNav";
import CardSpacer from "@dashboard/components/CardSpacer";
import ChannelsAvailabilityCard from "@dashboard/components/ChannelsAvailabilityCard";
import Form from "@dashboard/components/Form";
import { DetailPageLayout } from "@dashboard/components/Layouts";
import Metadata, { MetadataFormData } from "@dashboard/components/Metadata";
import Savebar from "@dashboard/components/Savebar";
import { createSaleChannelsChangeHandler } from "@dashboard/discounts/handlers";
import { saleListUrl } from "@dashboard/discounts/urls";
import { SALE_CREATE_FORM_ID } from "@dashboard/discounts/views/SaleCreate/consts";
import {
DiscountErrorFragment,
@ -102,6 +102,7 @@ const SaleCreatePage: React.FC<SaleCreatePageProps> = ({
return (
<DetailPageLayout>
<TopNav
href={saleListUrl()}
title={intl.formatMessage({
id: "FWbv/u",
defaultMessage: "Create Discount",
@ -115,16 +116,13 @@ const SaleCreatePage: React.FC<SaleCreatePageProps> = ({
errors={errors}
onChange={change}
/>
<CardSpacer />
<SaleType data={data} disabled={disabled} onChange={change} />
<CardSpacer />
<SaleValue
data={data}
disabled={disabled}
errors={errors}
onChange={handleChannelChange}
/>
<CardSpacer />
<DiscountDates
data={data}
disabled={disabled}

View file

@ -191,9 +191,7 @@ const SaleDetailsPage: React.FC<SaleDetailsPageProps> = ({
errors={errors}
onChange={change}
/>
<CardSpacer />
<SaleType data={data} disabled={disabled} onChange={change} />
<CardSpacer />
<SaleValue
data={data}
disabled={disabled}
@ -300,7 +298,6 @@ const SaleDetailsPage: React.FC<SaleDetailsPageProps> = ({
</DetailPageLayout.Content>
<DetailPageLayout.RightSidebar>
<SaleSummary selectedChannelId={selectedChannelId} sale={sale} />
<CardSpacer />
<ChannelsAvailabilityCard
managePermissions={[PermissionEnum.MANAGE_DISCOUNTS]}
allChannelsCount={allChannelsCount}

View file

@ -1,6 +1,5 @@
import { ChannelVoucherData } from "@dashboard/channels/utils";
import { TopNav } from "@dashboard/components/AppLayout/TopNav";
import CardSpacer from "@dashboard/components/CardSpacer";
import ChannelsAvailabilityCard from "@dashboard/components/ChannelsAvailabilityCard";
import Form from "@dashboard/components/Form";
import { DetailPageLayout } from "@dashboard/components/Layouts";
@ -134,7 +133,6 @@ const VoucherCreatePage: React.FC<VoucherCreatePageProps> = ({
onChange={event => handleDiscountTypeChange(data, event)}
variant="create"
/>
<CardSpacer />
<VoucherTypes
data={data}
disabled={disabled}
@ -143,7 +141,6 @@ const VoucherCreatePage: React.FC<VoucherCreatePageProps> = ({
/>
{data.discountType.toString() !== "SHIPPING" ? (
<>
<CardSpacer />
<VoucherValue
data={data}
disabled={disabled}
@ -154,7 +151,6 @@ const VoucherCreatePage: React.FC<VoucherCreatePageProps> = ({
/>
</>
) : null}
<CardSpacer />
<VoucherRequirements
data={data}
disabled={disabled}
@ -162,7 +158,6 @@ const VoucherCreatePage: React.FC<VoucherCreatePageProps> = ({
onChannelChange={handleChannelChange}
onChange={change}
/>
<CardSpacer />
<VoucherLimits
data={data}
initialUsageLimit={initialForm.usageLimit}
@ -172,7 +167,6 @@ const VoucherCreatePage: React.FC<VoucherCreatePageProps> = ({
setData={set}
isNewVoucher
/>
<CardSpacer />
<VoucherDates
data={data}
disabled={disabled}

View file

@ -218,14 +218,12 @@ const VoucherDetailsPage: React.FC<VoucherDetailsPageProps> = ({
onChange={change}
variant="update"
/>
<CardSpacer />
<VoucherTypes
data={data}
disabled={disabled}
errors={errors}
onChange={event => handleDiscountTypeChange(data, event)}
/>
<CardSpacer />
{data.discountType.toString() !== "SHIPPING" ? (
<VoucherValue
data={data}
@ -236,7 +234,6 @@ const VoucherDetailsPage: React.FC<VoucherDetailsPageProps> = ({
variant="update"
/>
) : null}
<CardSpacer />
{data.type === VoucherTypeEnum.SPECIFIC_PRODUCT &&
data.discountType.toString() !== "SHIPPING" ? (
<>
@ -306,7 +303,6 @@ const VoucherDetailsPage: React.FC<VoucherDetailsPageProps> = ({
)}
</>
) : null}
<CardSpacer />
{data.discountType.toString() === "SHIPPING" ? (
<CountryList
countries={voucher?.countries}
@ -334,7 +330,6 @@ const VoucherDetailsPage: React.FC<VoucherDetailsPageProps> = ({
onCountryUnassign={onCountryUnassign}
/>
) : null}
<CardSpacer />
<VoucherRequirements
data={data}
disabled={disabled}
@ -342,7 +337,6 @@ const VoucherDetailsPage: React.FC<VoucherDetailsPageProps> = ({
onChange={change}
onChannelChange={handleChannelChange}
/>
<CardSpacer />
<VoucherLimits
data={data}
initialUsageLimit={initialForm.usageLimit}
@ -352,7 +346,6 @@ const VoucherDetailsPage: React.FC<VoucherDetailsPageProps> = ({
setData={set}
isNewVoucher={false}
/>
<CardSpacer />
<DiscountDates
data={data}
disabled={disabled}
@ -366,7 +359,6 @@ const VoucherDetailsPage: React.FC<VoucherDetailsPageProps> = ({
voucher={voucher}
selectedChannelId={selectedChannelId}
/>
<CardSpacer />
<ChannelsAvailabilityCard
managePermissions={[PermissionEnum.MANAGE_DISCOUNTS]}
allChannelsCount={allChannelsCount}