Skip to content
This repository has been archived by the owner on Mar 23, 2023. It is now read-only.

chore: adjust dimensions in Sent icon usage #2423

Merged
merged 2 commits into from
Jul 10, 2020
Merged

chore: adjust dimensions in Sent icon usage #2423

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
502fece
chore: adjust dimensions in Sent icon usage
dated Jul 9, 2020
b1de120
style: resolve style guide violations
dated Jul 9, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions src/app/components/Layout/__snapshots__/Layout.test.tsx.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -53,12 +53,12 @@ exports[`Layout should hide navigation bar 1`] = `
class="h-8 border-r border-theme-neutral-200"
/>
<div
class="flex items-center h-full px-3 -mt-1 cursor-pointer text-theme-primary-300"
class="flex items-center h-full px-6 cursor-pointer text-theme-primary-300"
>
<div
class="sc-AxjAm bsDiDM"
height="42"
width="42"
class="sc-AxjAm jmgDQY"
height="22"
width="22"
>
<svg>
sent.svg
Expand Down
6 changes: 4 additions & 2 deletions src/app/components/NavigationBar/NavigationBar.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -136,13 +136,15 @@ export const NavigationBar = ({

<div className="flex items-center">
<NotificationsDropdown {...notifications} onAction={onNotificationAction} />

<div className="h-8 border-r border-theme-neutral-200" />

<div className="flex items-center h-full px-3 -mt-1 cursor-pointer text-theme-primary-300">
<Icon name="Sent" width={42} height={42} />
<div className="flex items-center h-full px-6 cursor-pointer text-theme-primary-300">
<Icon name="Sent" width={22} height={22} />
</div>

<div className="h-8 border-r border-theme-neutral-200" />

<div className="flex items-center h-full px-6 cursor-pointer text-theme-primary-300">
<Icon name="Receive" width={22} height={22} />
</div>
Expand Down
24 changes: 12 additions & 12 deletions src/app/components/NavigationBar/__snapshots__/NavigationBar.test.tsx.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -53,12 +53,12 @@ exports[`NavigationBar should not render if no active profile 1`] = `
class="h-8 border-r border-theme-neutral-200"
/>
<div
class="flex items-center h-full px-3 -mt-1 cursor-pointer text-theme-primary-300"
class="flex items-center h-full px-6 cursor-pointer text-theme-primary-300"
>
<div
class="sc-AxjAm bsDiDM"
height="42"
width="42"
class="sc-AxjAm jmgDQY"
height="22"
width="22"
>
<svg>
sent.svg
Expand Down Expand Up @@ -208,12 +208,12 @@ exports[`NavigationBar should render 1`] = `
class="h-8 border-r border-theme-neutral-200"
/>
<div
class="flex items-center h-full px-3 -mt-1 cursor-pointer text-theme-primary-300"
class="flex items-center h-full px-6 cursor-pointer text-theme-primary-300"
>
<div
class="sc-AxjAm bsDiDM"
height="42"
width="42"
class="sc-AxjAm jmgDQY"
height="22"
width="22"
>
<svg>
sent.svg
Expand Down Expand Up @@ -363,12 +363,12 @@ exports[`NavigationBar should render with custom menu 1`] = `
class="h-8 border-r border-theme-neutral-200"
/>
<div
class="flex items-center h-full px-3 -mt-1 cursor-pointer text-theme-primary-300"
class="flex items-center h-full px-6 cursor-pointer text-theme-primary-300"
>
<div
class="sc-AxjAm bsDiDM"
height="42"
width="42"
class="sc-AxjAm jmgDQY"
height="22"
width="22"
>
<svg>
sent.svg
Expand Down
2 changes: 1 addition & 1 deletion src/domains/transaction/components/DelegateRegistrationDetail/DelegateRegistrationDetail.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -42,7 +42,7 @@ export const DelegateRegistrationDetail = (props: DelegateRegistrationDetailProp
label={t("TRANSACTION.AMOUNT")}
extra={
<Circle className="border-theme-danger-100 text-theme-danger-400">
<Icon name="Sent" width={40} height={40} />
<Icon name="Sent" width={16} height={16} />
</Circle>
}
>
Expand Down
6 changes: 3 additions & 3 deletions ...ponents/DelegateRegistrationDetail/__snapshots__/DelegateRegistrationDetail.test.tsx.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -132,9 +132,9 @@ exports[`DelegateRegistrationDetail should render a modal 1`] = `
class="sc-AxjAm bLfakz border-theme-danger-100 text-theme-danger-400"
>
<div
class="sc-AxirZ RbXVX"
height="40"
width="40"
class="sc-AxirZ hPsuTj"
height="16"
width="16"
>
<svg>
sent.svg
Expand Down
2 changes: 1 addition & 1 deletion src/domains/transaction/components/IpfsDetail/IpfsDetail.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@ export const IpfsDetail = (props: IpfsDetailProps) => {
label={t("TRANSACTION.AMOUNT")}
extra={
<Circle className="border-theme-danger-100 text-theme-danger-400">
<Icon name="Sent" width={40} height={40} />
<Icon name="Sent" width={16} height={16} />
</Circle>
}
>
Expand Down
6 changes: 3 additions & 3 deletions src/domains/transaction/components/IpfsDetail/__snapshots__/IpfsDetail.test.tsx.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -122,9 +122,9 @@ exports[`IpfsDetail should render a modal 1`] = `
class="sc-AxjAm bLfakz border-theme-danger-100 text-theme-danger-400"
>
<div
class="sc-AxirZ RbXVX"
height="40"
width="40"
class="sc-AxirZ hPsuTj"
height="16"
width="16"
>
<svg>
sent.svg
Expand Down
2 changes: 1 addition & 1 deletion src/domains/transaction/components/MultiPaymentDetail/MultiPaymentDetail.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -52,7 +52,7 @@ export const MultiPaymentDetail = (props: MultiPaymentDetailProps) => {
label={t("TRANSACTION.TOTAL_AMOUNT")}
extra={
<Circle className="border-theme-danger-100 text-theme-danger-400">
<Icon name="Sent" width={40} height={40} />
<Icon name="Sent" width={16} height={16} />
</Circle>
}
>
Expand Down
6 changes: 3 additions & 3 deletions .../transaction/components/MultiPaymentDetail/__snapshots__/MultiPaymentDetail.test.tsx.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -295,9 +295,9 @@ exports[`MultiPaymentDetail should render a modal 1`] = `
class="sc-AxjAm bLfakz border-theme-danger-100 text-theme-danger-400"
>
<div
class="sc-AxirZ RbXVX"
height="40"
width="40"
class="sc-AxirZ hPsuTj"
height="16"
width="16"
>
<svg>
sent.svg
Expand Down
2 changes: 1 addition & 1 deletion src/domains/transaction/components/MultiSignatureDetail/MultiSignatureDetail.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -84,7 +84,7 @@ export const FirstStep = () => {
label={t("TRANSACTION.AMOUNT")}
extra={
<Circle className="border-theme-danger-100 text-theme-danger-400">
<Icon name="Sent" width={40} height={40} />
<Icon name="Sent" width={16} height={16} />
</Circle>
}
>
Expand Down
18 changes: 9 additions & 9 deletions ...nsaction/components/MultiSignatureDetail/__snapshots__/MultiSignatureDetail.test.tsx.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -111,9 +111,9 @@ exports[`MultiSignatureDetail should render 1st step 1`] = `
class="sc-AxhCb fwVCao border-theme-danger-100 text-theme-danger-400"
>
<div
class="sc-AxjAm hoUaGk"
height="40"
width="40"
class="sc-AxjAm vZRQY"
height="16"
width="16"
>
<svg>
sent.svg
Expand Down Expand Up @@ -780,9 +780,9 @@ exports[`MultiSignatureDetail should render a modal and get to step 3 1`] = `
class="sc-AxhCb fwVCao border-theme-danger-100 text-theme-danger-400"
>
<div
class="sc-AxjAm hoUaGk"
height="40"
width="40"
class="sc-AxjAm vZRQY"
height="16"
width="16"
>
<svg>
sent.svg
Expand Down Expand Up @@ -1266,9 +1266,9 @@ exports[`MultiSignatureDetail should render a modal and go back 1`] = `
class="sc-AxhCb fwVCao border-theme-danger-100 text-theme-danger-400"
>
<div
class="sc-AxjAm hoUaGk"
height="40"
width="40"
class="sc-AxjAm vZRQY"
height="16"
width="16"
>
<svg>
sent.svg
Expand Down
4 changes: 2 additions & 2 deletions src/domains/transaction/pages/Registration/Registration.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -364,8 +364,8 @@ export const FifthStep = () => (
className="pb-0"
extra={
<div className="ml-1 text-theme-danger">
<Circle className="bg-theme-background border-theme-danger-200" size="lg">
<Icon name="Sent" width={50} height={50} />
<Circle className="bg-theme-background border-theme-danger-200">
<Icon name="Sent" width={16} height={16} />
</Circle>
</div>
}
Expand Down
16 changes: 8 additions & 8 deletions src/domains/transaction/pages/Registration/__snapshots__/Registration.test.tsx.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1745,12 +1745,12 @@ exports[`Registration should render 5th step 1`] = `
class="ml-1 text-theme-danger"
>
<div
class="sc-AxiKw jQtkkF bg-theme-background border-theme-danger-200"
class="sc-AxiKw eHzXqc bg-theme-background border-theme-danger-200"
>
<div
class="sc-AxhUy dFCItS"
height="50"
width="50"
class="sc-AxhUy itzhkW"
height="16"
width="16"
>
<svg>
sent.svg
Expand Down Expand Up @@ -2901,12 +2901,12 @@ exports[`Registration should submit 1`] = `
class="ml-1 text-theme-danger"
>
<div
class="sc-AxiKw jQtkkF bg-theme-background border-theme-danger-200"
class="sc-AxiKw eHzXqc bg-theme-background border-theme-danger-200"
>
<div
class="sc-AxhUy dFCItS"
height="50"
width="50"
class="sc-AxhUy itzhkW"
height="16"
width="16"
>
<svg>
sent.svg
Expand Down
2 changes: 1 addition & 1 deletion src/domains/transaction/pages/ResignRegistration/ResignRegistration.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -172,7 +172,7 @@ export const FourthStep = () => (
extra={
<div className="ml-1 text-theme-danger">
<Circle className="bg-theme-background border-theme-danger-200" size="lg">
<Icon name="Sent" width={50} height={50} />
<Icon name="Sent" width={22} height={22} />
</Circle>
</div>
}
Expand Down
12 changes: 6 additions & 6 deletions ...mains/transaction/pages/ResignRegistration/__snapshots__/ResignRegistration.test.tsx.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1109,9 +1109,9 @@ exports[`ResignRegistration should render 4th step 1`] = `
class="sc-AxgMl daFHdi bg-theme-background border-theme-danger-200"
>
<div
class="sc-AxirZ iyilmn"
height="50"
width="50"
class="sc-AxirZ hmuEJr"
height="22"
width="22"
>
<svg>
sent.svg
Expand Down Expand Up @@ -1813,9 +1813,9 @@ exports[`ResignRegistration should submit 1`] = `
class="sc-AxgMl daFHdi bg-theme-background border-theme-danger-200"
>
<div
class="sc-AxirZ iyilmn"
height="50"
width="50"
class="sc-AxirZ hmuEJr"
height="22"
width="22"
>
<svg>
sent.svg
Expand Down
2 changes: 1 addition & 1 deletion src/domains/transaction/pages/SendIPFSTransaction/SendIPFSTransaction.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -129,7 +129,7 @@ export const FourthStep = () => (
extra={
<div className="ml-1 text-theme-danger">
<Circle className="bg-theme-background border-theme-danger-200" size="lg">
<Icon name="Sent" width={50} height={50} />
<Icon name="Sent" width={22} height={22} />
</Circle>
</div>
}
Expand Down
6 changes: 3 additions & 3 deletions ...ins/transaction/pages/SendIPFSTransaction/__snapshots__/SendIPFSTransaction.test.tsx.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1182,9 +1182,9 @@ exports[`SendIPFSTransaction should render 4th step 1`] = `
class="sc-AxiKw jQtkkF bg-theme-background border-theme-danger-200"
>
<div
class="sc-AxhUy dFCItS"
height="50"
width="50"
class="sc-AxhUy gwxBWy"
height="22"
width="22"
>
<svg>
sent.svg
Expand Down
2 changes: 1 addition & 1 deletion src/domains/transaction/pages/TransactionSend/TransactionSend.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -156,7 +156,7 @@ export const FifthStep = () => (
extra={
<div className="ml-1 text-theme-danger">
<Circle className="bg-theme-background border-theme-danger-200" size="lg">
<Icon name="Sent" width={50} height={50} />
<Icon name="Sent" width={22} height={22} />
</Circle>
</div>
}
Expand Down
6 changes: 3 additions & 3 deletions src/domains/transaction/pages/TransactionSend/__snapshots__/TransactionSend.test.tsx.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1966,9 +1966,9 @@ exports[`Transaction Send should render 5th step 1`] = `
class="sc-AxiKw jQtkkF bg-theme-background border-theme-danger-200"
>
<div
class="sc-AxhUy dFCItS"
height="50"
width="50"
class="sc-AxhUy gwxBWy"
height="22"
width="22"
>
<svg>
sent.svg
Expand Down
2 changes: 1 addition & 1 deletion src/domains/transaction/pages/UpdateRegistration/UpdateRegistration.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -266,7 +266,7 @@ export const FourthStep = () => (
extra={
<div className="ml-1 text-theme-danger">
<Circle className="bg-theme-background border-theme-danger-200" size="lg">
<Icon name="Sent" width={50} height={50} />
<Icon name="Sent" width={22} height={22} />
</Circle>
</div>
}
Expand Down
12 changes: 6 additions & 6 deletions ...mains/transaction/pages/UpdateRegistration/__snapshots__/UpdateRegistration.test.tsx.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1383,9 +1383,9 @@ exports[`UpdateRegistration should render 4th step 1`] = `
class="sc-AxiKw jQtkkF bg-theme-background border-theme-danger-200"
>
<div
class="sc-AxhUy dFCItS"
height="50"
width="50"
class="sc-AxhUy gwxBWy"
height="22"
width="22"
>
<svg>
sent.svg
Expand Down Expand Up @@ -2233,9 +2233,9 @@ exports[`UpdateRegistration should submit 1`] = `
class="sc-AxiKw jQtkkF bg-theme-background border-theme-danger-200"
>
<div
class="sc-AxhUy dFCItS"
height="50"
width="50"
class="sc-AxhUy gwxBWy"
height="22"
width="22"
>
<svg>
sent.svg
Expand Down
2 changes: 1 addition & 1 deletion src/domains/vote/components/SendVoteTransaction/SendVoteTransaction.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -262,7 +262,7 @@ export const FourthStep = () => (
extra={
<div className="ml-1 text-theme-danger">
<Circle className="bg-theme-background border-theme-danger-200" size="lg">
<Icon name="Sent" width={50} height={50} />
<Icon name="Sent" width={22} height={22} />
</Circle>
</div>
}
Expand Down
6 changes: 3 additions & 3 deletions ...mains/vote/components/SendVoteTransaction/__snapshots__/SendVoteTransaction.test.tsx.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1714,9 +1714,9 @@ exports[`SendVoteTransaction should render 4st step 1`] = `
class="sc-AxiKw jQtkkF bg-theme-background border-theme-danger-200"
>
<div
class="sc-AxhUy dFCItS"
height="50"
width="50"
class="sc-AxhUy gwxBWy"
height="22"
width="22"
>
<svg>
sent.svg
Expand Down