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

[website] Link Discord in footer #38369

Merged
merged 5 commits into from
Aug 11, 2023
Merged

[website] Link Discord in footer #38369

merged 5 commits into from
Aug 11, 2023

Conversation

richbustos
Copy link
Contributor

@richbustos richbustos commented Aug 7, 2023

We created a blog for the Discord announcement. Now adding Discord icon on the footer with all the other social media platforms.

Will soon add to the support page.

Screen Shot 2023-08-07 at 4 03 41 PM

https://deploy-preview-38369--material-ui.netlify.app/

@richbustos richbustos self-assigned this Aug 7, 2023
@richbustos richbustos added the website Pages that are not documentation-related, marketing-focused. label Aug 7, 2023
@oliviertassinari oliviertassinari removed the request for review from joserodolfofreitas August 7, 2023 23:46
@@ -0,0 +1,19 @@
import * as React from 'react';
import RootSvg, { RootSvgProps } from 'docs/src/icons/RootSvg';
Copy link
Member

Choose a reason for hiding this comment

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

I think it should use SvgIcon here.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

I'm having issues using SvgIcon. I don't think it's properly set up in /layout folder path because every time I import SvgIcon, I get a weird error for the fontSize prop. I even tried overriding the default prop but still got an error. I also so don't see any use-cases of SvgIcon in the /layout folder, which makes me believe that the person who implemented the StackOverflow icon on the footer had the same issue as me. Im using the same convention as SvgStackOverflow in docs/src/icons/SvgStackOverflow.

The proper way this should be handled is by adding these icons in our official Material UI Icons, but saw that it is currently not in our scope:

#35100
#19371
#35218

The Discord blog and Tweet will be going out this week and would like the footer to be ready by then. I can address the Material UI Icon and/or the SvgIcon issue after if that's okay.

Copy link
Member

@oliviertassinari oliviertassinari Aug 11, 2023

Choose a reason for hiding this comment

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

I pushed a change with what I had in mind with my comment. It's more using Material UI "by the book".

docs/src/icons/SvgDiscord.tsx Outdated Show resolved Hide resolved
docs/src/icons/SvgDiscord.tsx Outdated Show resolved Hide resolved
Copy link
Contributor

@danilo-leal danilo-leal left a comment

Choose a reason for hiding this comment

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

Looks great! ☝️ Would try out a bit smaller, indeed, so it balances with the others more but other than that, it's all good!

Co-authored-by: Olivier Tassinari <[email protected]>
Signed-off-by: Rich Bustos <[email protected]>
@mui-bot
Copy link

mui-bot commented Aug 8, 2023

Netlify deploy preview

https://deploy-preview-38369--material-ui.netlify.app/

Bundle size report

No bundle size changes (Toolpad)
No bundle size changes

Generated by 🚫 dangerJS against 9900e70

@oliviertassinari oliviertassinari changed the title [website] Adding Discord Icon on global footer [website] Link Discord in footer Aug 11, 2023
@oliviertassinari oliviertassinari enabled auto-merge (squash) August 11, 2023 22:43
@oliviertassinari oliviertassinari merged commit b47feda into master Aug 11, 2023
@oliviertassinari oliviertassinari deleted the discord_icon branch August 11, 2023 22:45
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
website Pages that are not documentation-related, marketing-focused.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants