Skip to content
This repository has been archived by the owner on Oct 15, 2024. It is now read-only.

Commit

Permalink
chore: Only required change
Browse files Browse the repository at this point in the history
  • Loading branch information
@garethfuller
garethfuller committed Sep 18, 2024
1 parent 34395f7 commit 1e67dee
Show file tree
Hide file tree
Showing 4 changed files with 99 additions and 105 deletions.
8 changes: 4 additions & 4 deletions lib/modules/portfolio/PortfolioClaim/ClaimNetworkPools/ClaimNetworkPoolsLayout.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,12 +9,12 @@ interface Props extends CardProps {

export function ClaimNetworkPoolsLayout({ backLink, children, title, ...rest }: Props) {
return (
<Stack alignItems="center" maxW="lg" mx="auto" w="full">
<Stack gap={8} w="full">
<Stack alignItems="center" w="full" maxW="lg" mx="auto">
<Stack w="full" gap={8}>
<Link href={backLink}>
<HStack>
<IconButton aria-label="" icon={<ArrowLeft />} variant="ghost" />
<Heading size="lg" variant="special">
<IconButton variant="ghost" icon={<ArrowLeft />} aria-label="" />
<Heading variant="special" size="lg">
{title}
</Heading>
</HStack>
Expand Down
143 changes: 71 additions & 72 deletions lib/shared/components/marketing/HomeHero.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,27 +12,27 @@ export function HomeHero() {
const [bgColor] = useToken('colors', ['background.level1'])

return (
<Box bg="background.level0" className="hero">
<Flex className="hero-container" direction="column" justify="center" position="relative">
<Box className="hero" bg="background.level0">
<Flex direction="column" justify="center" className="hero-container" position="relative">
<Box position="relative">
<Box
className="home-hero-bg"
position="absolute"
width="100vw"
height="100%"
left="50%"
mx="auto"
position="absolute"
top="50%"
left="50%"
transform="translate(-50%, -50%)"
width="100vw"
>
<svg className="ying ying-path" viewBox="0 0 32 18" xmlns="http://www.w3.org/2000/svg">
<svg className="ying ying-path" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 18">
<path d="M 0 0 H 32 C 24 0 16 0 16 9 C 16 18 8 18 0 18 V 0" fill={bgColor} />
</svg>

<svg
className="ying ying-path-wide"
viewBox="0 0 32 18"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 32 18"
>
<path d="M 0 0 H 32 c -10 0 -16 0 -16 7 C 16 14 10 14 0 14 V 0" fill={bgColor} />
</svg>
Expand All @@ -47,19 +47,19 @@ export function HomeHero() {
</Box>
</Box>
<Flex
alignItems={{ base: 'null', md: 'center' }}
direction={{ base: 'column', md: 'row' }}
alignItems={{ base: 'null', md: 'center' }}
height="100%"
>
<Flex
alignItems={{ base: 'start', md: 'center' }}
background={{ base: 'background.level1', md: 'transparent' }}
direction="column"
w="full"
height="100%"
justifyContent="center"
alignItems={{ base: 'start', md: 'center' }}
px={['ms', 'md']}
py={['lg', 'lg']}
w="full"
background={{ base: 'background.level1', md: 'transparent' }}
>
<FadeInOnView>
<Box py={{ base: 'xl', md: '2xl' }}>
Expand All @@ -69,11 +69,11 @@ export function HomeHero() {
</Text>
</Box>
<Heading
position="relative"
pb="lg"
fontWeight="normal"
left={{ base: '-5px', md: '-16px' }}
letterSpacing="-5px"
pb="lg"
position="relative"
sx={{
fontSize: 'clamp(100px, 18vw, 200px)',
}}
Expand All @@ -82,10 +82,10 @@ export function HomeHero() {
</Heading>
<Text pb="sm">Passive yield-bearing pools for Liquidity Providers</Text>
<Box>
<Text pb="lg" variant="secondary">
<Text variant="secondary" pb="lg">
Join <span>240,000+</span> Liquidity Providers
</Text>
<Button as={NextLink} href="/pools" prefetch size="lg" variant="primary">
<Button size="lg" as={NextLink} href="/pools" prefetch={true} variant="primary">
Explore pools
</Button>
</Box>
Expand All @@ -94,36 +94,36 @@ export function HomeHero() {
</Flex>

<Flex
alignItems={{ base: 'start', md: 'center' }}
bg="background.level0"
direction="column"
height="100%"
justifyContent="center"
bg="background.level0"
w="full"
px={['ms', 'md']}
py={['lg', 'lg']}
w="full"
height="100%"
justifyContent="center"
alignItems={{ base: 'start', md: 'center' }}
>
<FadeInOnView>
<Box mt={{ base: '0', md: '100px', lg: '150px' }} py={{ base: 'xl', md: '2xl' }}>
<Box py={{ base: 'xl', md: '2xl' }} mt={{ base: '0', md: '100px', lg: '150px' }}>
<Box h="24px">
<Link href="/build/v3">
<Flex>
<Text background="font.special" backgroundClip="text" variant="eyebrow">
Balancer protocol: v3 Soon&nbsp;
</Text>
<Text display="none" opacity="0" variant="eyebrow" visibility="hidden">
<Text variant="eyebrow" display="none" opacity="0" visibility="hidden">
Learn more
</Text>
</Flex>
</Link>
</Box>

<Heading
fontWeight="normal"
position="relative"
left={{ base: '-5px', md: '-16px' }}
letterSpacing="-5px"
pb="lg"
position="relative"
fontWeight="normal"
letterSpacing="-5px"
sx={{
fontSize: 'clamp(100px, 18vw, 200px)',
}}
Expand All @@ -132,37 +132,36 @@ export function HomeHero() {
</Heading>
<Text pb="sm">The trusted toolkit for true AMM experimentation</Text>
<Box>
<Text pb="lg" variant="secondary">
<Text variant="secondary" pb="lg">
Join <span>100+</span> protocol builders
</Text>

<button
className="btn-popover"
data-popovertarget="disclose"
data-popovertargetaction="toggle"
>
Start building
</button>
<div className="disclosure" data-popover="auto" id="disclose">
<div data-popover="auto" id="disclose" className="disclosure">
<FadeInOnView>
<Box>
<header>
<Flex
alignItems="center"
background="background.button.secondary"
height="48px"
justifyContent="space-between"
position="relative"
justifyContent="space-between"
background="background.button.secondary"
px="md"
alignItems="center"
height="48px"
>
<Text
color="font.dark"
fontSize="lg"
fontWeight="bold"
fontSize="lg"
m="0"
overflow="hidden"
p="0"
overflow="hidden"
whiteSpace="nowrap"
color="font.dark"
>
Start building
</Text>
Expand All @@ -177,155 +176,155 @@ export function HomeHero() {
<Box className="content">
<div className="actions">
<VStack alignItems="flex-start" gap="0">
<Box display="block" px="md" py="sm" role="group" w="full">
<Box role="group" px="md" py="sm" w="full" display="block">
<Link
as={NextLink}
href="/build/v3"
prefetch={true}
_groupHover={{
textDecoration: 'none',
}}
as={NextLink}
href="/build/v3"
prefetch
>
<Text
_groupHover={{
color: 'font.maxContrast',
}}
fontWeight="bold"
whiteSpace="nowrap"
overflow="hidden"
transition="all 0.2s ease-out 0.1s"
whiteSpace="nowrap"
_groupHover={{
color: 'font.maxContrast',
}}
>
Balancer v3
</Text>
<Text
_groupHover={{ color: 'font.maxContrast' }}
fontSize="sm"
overflow="hidden"
transition="all 0.2s ease-out 0.1s"
variant="secondary"
whiteSpace="nowrap"
overflow="hidden"
transition="all 0.2s ease-out 0.1s"
_groupHover={{ color: 'font.maxContrast' }}
>
Learn about the key benefits
</Text>
</Link>
</Box>

<Box display="block" px="md" py="sm" role="group" w="full">
<Box role="group" px="md" py="sm" w="full" display="block">
<Link
href="https://docs-v3.balancer.fi/"
_groupHover={{
textDecoration: 'none',
}}
href="https://docs-v3.balancer.fi/"
>
<Flex alignItems="center" gap="xxs">
<Text
_groupHover={{ color: 'font.maxContrast' }}
fontWeight="bold"
whiteSpace="nowrap"
overflow="hidden"
transition="all 0.2s ease-out 0.1s"
whiteSpace="nowrap"
_groupHover={{ color: 'font.maxContrast' }}
>
v3 Docs
</Text>
<ArrowUpRight display="inline" size={12} />
</Flex>
<Text
_groupHover={{ color: 'font.maxContrast' }}
fontSize="sm"
overflow="hidden"
transition="all 0.2s ease-out 0.1s"
variant="secondary"
whiteSpace="nowrap"
overflow="hidden"
transition="all 0.2s ease-out 0.1s"
_groupHover={{ color: 'font.maxContrast' }}
>
Go deep down the rabbithole
</Text>
</Link>
</Box>
<Box display="block" px="md" py="sm" role="group" w="full">
<Box role="group" px="md" py="sm" w="full" display="block">
<Link
href="https://github.com/balancer/scaffold-balancer-v3"
_groupHover={{
textDecoration: 'none',
}}
href="https://github.com/balancer/scaffold-balancer-v3"
>
<Flex alignItems="center" gap="xxs">
<Text
_groupHover={{ color: 'font.maxContrast' }}
fontWeight="bold"
whiteSpace="nowrap"
overflow="hidden"
transition="all 0.2s ease-out 0.1s"
whiteSpace="nowrap"
_groupHover={{ color: 'font.maxContrast' }}
>
Scaffold Balancer v3
</Text>
<ArrowUpRight display="inline" size={12} />
</Flex>
<Text
_groupHover={{ color: 'font.maxContrast' }}
fontSize="sm"
overflow="hidden"
transition="all 0.2s ease-out 0.1s"
variant="secondary"
whiteSpace="nowrap"
overflow="hidden"
transition="all 0.2s ease-out 0.1s"
_groupHover={{ color: 'font.maxContrast' }}
>
Prototyping tool for Balancer v3
</Text>
</Link>
</Box>
<Box display="block" px="md" py="sm" role="group" w="full">
<Box role="group" px="md" py="sm" w="full" display="block">
<Link
href="https://docs.balancer.fi/"
_groupHover={{
textDecoration: 'none',
}}
href="https://docs.balancer.fi/"
>
<Flex alignItems="center" gap="xxs">
<Text
_groupHover={{ color: 'font.maxContrast' }}
fontWeight="bold"
transition="all 0.2s ease-out 0.1s"
_groupHover={{ color: 'font.maxContrast' }}
>
v2 Docs
</Text>
<ArrowUpRight display="inline" size={12} />
</Flex>

<Text
_groupHover={{ color: 'font.maxContrast' }}
fontSize="sm"
overflow="hidden"
transition="all 0.2s ease-out 0.1s"
variant="secondary"
transition="all 0.2s ease-out 0.1s"
_groupHover={{ color: 'font.maxContrast' }}
whiteSpace="nowrap"
overflow="hidden"
>
Build on battle-tested smart contracts
</Text>
</Link>
</Box>
<Box display="block" px="md" py="sm" role="group" w="full">
<Box role="group" px="md" py="sm" w="full" display="block">
<Link
href="https://grants.balancer.community/"
_groupHover={{
textDecoration: 'none',
}}
href="https://grants.balancer.community/"
>
<Flex alignItems="center" gap="xxs">
<Text
_groupHover={{ color: 'font.maxContrast' }}
fontWeight="bold"
transition="all 0.2s ease-out 0.1s"
_groupHover={{ color: 'font.maxContrast' }}
>
Get a Grant
</Text>
<ArrowUpRight display="inline" size={12} />
</Flex>
<Text
_groupHover={{ color: 'font.maxContrast' }}
fontSize="sm"
overflow="hidden"
transition="all 0.2s ease-out 0.1s"
variant="secondary"
whiteSpace="nowrap"
overflow="hidden"
transition="all 0.2s ease-out 0.1s"
_groupHover={{ color: 'font.maxContrast' }}
>
Help to get you set up
</Text>
Expand Down
2 changes: 1 addition & 1 deletion lib/shared/services/api/apollo-global-data.provider.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -57,8 +57,8 @@ export async function ApolloGlobalDataProvider({ children }: PropsWithChildren)

return (
<TokensProvider
tokenPricesData={tokenPricesQueryData}
tokensData={tokensQueryData}
tokenPricesData={tokenPricesQueryData}
variables={tokensQueryVariables}
>
<FiatFxRatesProvider data={exchangeRates}>
Expand Down
Loading

0 comments on commit 1e67dee

Please sign in to comment.