-
Notifications
You must be signed in to change notification settings - Fork 11.3k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[wallet] - add connected network name to wallet logo #7700
Conversation
The latest updates on your projects. Learn more about Vercel for Git ↗︎ 4 Ignored Deployments
|
3cf9fd8
to
6b497cf
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
General approach LGTM, although lets try to work out className
usage.
className="text-hero mt-7.5" | ||
txt={true} | ||
/> | ||
<Logo className="text-hero mt-7.5" /> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
If we're re-doing this can we also just make it stop taking className
as a prop?
@@ -41,7 +43,7 @@ export default function PageMainLayout({ | |||
})} | |||
> | |||
<Link to="/tokens" className={st.logoLink}> | |||
<Logo className={st.logo} txt={true} /> | |||
<Logo className={st.logo} networkName={networkName} /> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Same here, would love to work className
out of it.
ship it. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
One nit but looks good
|
||
type LogoProps = { | ||
size?: 'normal' | 'big' | 'bigger' | 'huge'; | ||
txt?: boolean; | ||
networkName?: API_ENV; | ||
className?: string; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Remove unused prop
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
good catch
add connected network name below the sui logo went through a few different iterations with this... this version ended up being the simplest with the least amount of code changes. the other iterations included: - add a `public` folder and serve the SVGs as static assets. this breaks down with the blue color treatment on the landing page - import logos as SVG components. required adding an svg-loader to wallet I can revive those branches if we think either one is a better approach. ![image](https://user-images.githubusercontent.com/122397493/214705046-4045d575-aa3e-4987-8729-769faf18e755.png) ![image](https://user-images.githubusercontent.com/122397493/214705164-d09cd934-d4d9-485c-834e-57a4382092b4.png)
went through a few different iterations with this... this version ended up being the simplest with the least amount of code changes. the other iterations included:
public
folder and serve the SVGs as static assets. this breaks down with the blue color treatment on the landing pageI can revive those branches if we think either one is a better approach.