Skip to content

F
frontend
Commit 62ffff73 authored by Max Alekseenko's avatar Max Alekseenko
Browse files
Options

update merits icon

parent 615db41d
Hide whitespace changes
Inline Side-by-side
Showing with 16 additions and 16 deletions
icons/merits_colored.svg
View file @ 62ffff73
<svg viewBox="0 0 44 46" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg viewBox="0 0 42 45" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#a)"> <g filter="url(#a)">
<path d="M20.692 8.355a2.614 2.614 0 0 1 2.615 0l9.856 5.69a2.615 2.615 0 0 1 1.307 2.264V27.69c0 .935-.498 1.798-1.307 2.265l-9.856 5.69a2.614 2.614 0 0 1-2.615 0l-9.856-5.69A2.614 2.614 0 0 1 9.53 27.69V16.309c0-.934.498-1.797 1.307-2.264l9.856-5.69Z" fill="url(#b)"/> <path d="M19.693 7.355a2.614 2.614 0 0 1 2.614 0l9.857 5.69a2.615 2.615 0 0 1 1.307 2.264v11.382c0 .934-.498 1.797-1.307 2.264l-9.857 5.69a2.614 2.614 0 0 1-2.614 0l-9.856-5.69a2.614 2.614 0 0 1-1.308-2.264V15.309c0-.934.499-1.797 1.308-2.264l9.856-5.69Z" fill="url(#b)"/>
<path d="M23.787 7.523a3.574 3.574 0 0 0-3.575 0l-9.856 5.69A3.574 3.574 0 0 0 8.57 16.31V27.69c0 1.277.681 2.458 1.787 3.096l9.856 5.69a3.574 3.574 0 0 0 3.575 0l9.856-5.69a3.574 3.574 0 0 0 1.787-3.096V16.31a3.574 3.574 0 0 0-1.787-3.096l-9.856-5.69Z" stroke="#fff" stroke-width="1.92"/> <path d="m32.644 12.214-9.857-5.69a3.574 3.574 0 0 0-3.574 0l-9.856 5.69a3.574 3.574 0 0 0-1.788 3.095v11.382c0 1.277.682 2.457 1.788 3.095l9.856 5.69a3.574 3.574 0 0 0 3.574 0l9.857-5.69a3.574 3.574 0 0 0 1.787-3.096V15.31a3.574 3.574 0 0 0-1.787-3.096Z" stroke="#fff" stroke-width="1.92"/>
</g> </g>
<path d="M20.692 8.355a2.614 2.614 0 0 1 2.615 0l9.856 5.69a2.615 2.615 0 0 1 1.307 2.264V27.69c0 .935-.498 1.798-1.307 2.265l-9.856 5.69a2.614 2.614 0 0 1-2.615 0l-9.856-5.69A2.614 2.614 0 0 1 9.53 27.69V16.309c0-.934.498-1.797 1.307-2.264l9.856-5.69Z" fill="url(#c)"/> <path d="M19.693 7.355a2.614 2.614 0 0 1 2.614 0l9.857 5.69a2.615 2.615 0 0 1 1.307 2.264v11.382c0 .934-.498 1.797-1.307 2.264l-9.857 5.69a2.614 2.614 0 0 1-2.614 0l-9.856-5.69a2.614 2.614 0 0 1-1.308-2.264V15.309c0-.934.499-1.797 1.308-2.264l9.856-5.69Z" fill="url(#c)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.797 17.078a.838.838 0 0 0-.838-.838h-.8a.838.838 0 0 0-.837.838v.724a.838.838 0 0 1-.838.838h-.406a.838.838 0 0 0-.838.838v7.444c0 .463.375.838.838.838h.8a.838.838 0 0 0 .838-.838v-7.444c0-.463.375-.838.838-.838h.405a.838.838 0 0 0 .838-.838v-.724Zm4.968 0a.838.838 0 0 0-.838-.838h-.8a.838.838 0 0 0-.837.838v.724c0 .463.375.838.837.838h.32c.463 0 .838.375.838.838v7.444c0 .463.375.838.837.838h.8a.838.838 0 0 0 .838-.838v-7.444a.838.838 0 0 0-.838-.838h-.32a.838.838 0 0 1-.837-.838v-.724Zm-2.51 4.594a.838.838 0 0 0-.838-.838h-.8a.838.838 0 0 0-.837.838v2.987c0 .463.375.838.837.838h.8a.838.838 0 0 0 .838-.838v-2.987Z" fill="#fff"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M19.797 16.078a.838.838 0 0 0-.838-.838h-.8a.838.838 0 0 0-.837.838v.724a.838.838 0 0 1-.838.838h-.406a.838.838 0 0 0-.838.838v7.444c0 .463.375.838.838.838h.8a.838.838 0 0 0 .838-.838v-7.444c0-.463.375-.838.838-.838h.405a.838.838 0 0 0 .838-.838v-.724Zm4.968 0a.838.838 0 0 0-.838-.838h-.8a.838.838 0 0 0-.837.838v.724c0 .463.375.838.837.838h.32c.463 0 .838.375.838.838v7.444c0 .463.375.838.837.838h.8a.838.838 0 0 0 .838-.838v-7.444a.838.838 0 0 0-.838-.838h-.32a.838.838 0 0 1-.837-.838v-.724Zm-2.51 4.594a.838.838 0 0 0-.838-.838h-.8a.838.838 0 0 0-.837.838v2.987c0 .463.375.838.837.838h.8a.838.838 0 0 0 .838-.838v-2.987Z" fill="#fff"/>
<defs> <defs>
<linearGradient id="b" x1="22" y1="7.6" x2="22" y2="36.4" gradientUnits="userSpaceOnUse"> <linearGradient id="b" x1="21" y1="6.6" x2="21" y2="35.4" gradientUnits="userSpaceOnUse">
<stop stop-color="#2C5282"/> <stop stop-color="#2C5282"/>
<stop offset="1" stop-color="#153967"/> <stop offset="1" stop-color="#153967"/>
</linearGradient> </linearGradient>
<linearGradient id="c" x1="22" y1="7.6" x2="22" y2="36.4" gradientUnits="userSpaceOnUse"> <linearGradient id="c" x1="21" y1="6.6" x2="21" y2="35.4" gradientUnits="userSpaceOnUse">
<stop stop-color="#008BE4"/> <stop stop-color="#008BE4"/>
<stop offset="1" stop-color="#81C5F1"/> <stop offset="1" stop-color="#81C5F1"/>
</linearGradient> </linearGradient>
<filter id="a" x="3.609" y="6.084" width="36.781" height="39.831" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <filter id="a" x="2.769" y="5.084" width="36.461" height="39.511" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/> <feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/> <feOffset dy="3.84"/>
<feGaussianBlur stdDeviation="2"/> <feGaussianBlur stdDeviation="1.92"/>
<feComposite in2="hardAlpha" operator="out"/> <feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix values="0 0 0 0 0.551643 0 0 0 0 0.703233 0 0 0 0 0.800684 0 0 0 0.25 0"/> <feColorMatrix values="0 0 0 0 0.551643 0 0 0 0 0.703233 0 0 0 0 0.800684 0 0 0 0.25 0"/>
<feBlend in2="BackgroundImageFix" result="effect1_dropShadow_412_42663"/> <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_610_54892"/>
<feBlend in="SourceGraphic" in2="effect1_dropShadow_412_42663" result="shape"/> <feBlend in="SourceGraphic" in2="effect1_dropShadow_610_54892" result="shape"/>
</filter> </filter>
</defs> </defs>
</svg> </svg>
ui/rewards/RewardsDashboardCardValue.tsx
View file @ 62ffff73
...@@ -27,7 +27,7 @@ const RewardsDashboardCard = ({ label, value, withIcon, hint }: Props) => { ...@@ -27,7 +27,7 @@ const RewardsDashboardCard = ({ label, value, withIcon, hint }: Props) => {
</Text> </Text>
</Flex> </Flex>
<Flex alignItems="center"> <Flex alignItems="center">
{ withIcon && <IconSvg name="merits_colored" boxSize={ 12 }/> } { withIcon && <IconSvg name="merits_colored" boxSize={ 12 } mb={ -0.5 }/> }
<Text fontSize="32px" fontWeight="500"> <Text fontSize="32px" fontWeight="500">
{ value } { value }
</Text> </Text>
......
ui/rewards/steps/CongratsStepContent.tsx
View file @ 62ffff73
...@@ -25,12 +25,12 @@ const CongratsStepContent = ({ isReferral }: Props) => { ...@@ -25,12 +25,12 @@ const CongratsStepContent = ({ isReferral }: Props) => {
alignItems="center" alignItems="center"
background="linear-gradient(254.96deg, #9CD8FF 9.09%, #D0EFFF 88.45%)" background="linear-gradient(254.96deg, #9CD8FF 9.09%, #D0EFFF 88.45%)"
borderRadius="md" borderRadius="md"
padding={ 4 } padding={ 2 }
mb={ 8 } mb={ 8 }
> >
<IconSvg name="merits_colored" boxSize="72px" m={ -2 }/> <IconSvg name="merits_colored" boxSize="60px" mb={ -1 }/>
<Skeleton isLoaded={ !rewardsConfigQuery.isLoading }> <Skeleton isLoaded={ !rewardsConfigQuery.isLoading }>
<Text fontSize="30px" fontWeight="700" color="blue.700" ml={ 1 }> <Text fontSize="30px" fontWeight="700" color="blue.700">
+{ rewardsConfigQuery.data?.rewards[ isReferral ? 'registration_with_referral' : 'registration' ] } +{ rewardsConfigQuery.data?.rewards[ isReferral ? 'registration_with_referral' : 'registration' ] }
</Text> </Text>
</Skeleton> </Skeleton>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment