Skip to content
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

Merged
merged 4 commits into from
Jan 26, 2023

Conversation

mamos-mysten
Copy link
Contributor

@mamos-mysten mamos-mysten commented Jan 25, 2023

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
image

@vercel
Copy link

vercel bot commented Jan 25, 2023

The latest updates on your projects. Learn more about Vercel for Git ↗︎

4 Ignored Deployments
Name Status Preview Comments Updated
explorer ⬜️ Ignored (Inspect) Jan 26, 2023 at 8:02PM (UTC)
explorer-storybook ⬜️ Ignored (Inspect) Jan 26, 2023 at 8:02PM (UTC)
frenemies ⬜️ Ignored (Inspect) Jan 26, 2023 at 8:02PM (UTC)
wallet-adapter ⬜️ Ignored (Inspect) Jan 26, 2023 at 8:02PM (UTC)

@mamos-mysten mamos-mysten force-pushed the mamos--wallet-connected-network branch from 3cf9fd8 to 6b497cf Compare January 25, 2023 22:26
Copy link
Contributor

@Jordan-Mysten Jordan-Mysten left a 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" />
Copy link
Contributor

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} />
Copy link
Contributor

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.

@mystie711
Copy link
Collaborator

ship it.

Copy link
Contributor

@Jordan-Mysten Jordan-Mysten left a 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;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Remove unused prop

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

good catch

@mamos-mysten mamos-mysten enabled auto-merge (squash) January 26, 2023 20:03
@mamos-mysten mamos-mysten merged commit 547a513 into main Jan 26, 2023
@mamos-mysten mamos-mysten deleted the mamos--wallet-connected-network branch January 26, 2023 20:06
williampsmith pushed a commit that referenced this pull request Feb 3, 2023
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)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants