search

konstantinmuenster / gatsby-theme-portfolio-minimal

A Gatsby Theme to create modern one-page portfolios with a clean yet expressive design.
MIT License
157 stars 89 forks source link

Adding Facebook as an available icon #40

Closed ParagonJenko closed 1 year ago

ParagonJenko commented 1 year ago

What?

Adding Facebook as an available social icon.

Why

I'd like to be able to use the theme and also have the Facebook social icon as standard, and reading on to #20 it'd be good to have one of the major social platforms available to use.

How

  1. Add the link to settings.json - otherwise this will not show if you add it to the socialProfiles variable.
  2. Add IconFacebook as an import and in the case statement in gatsby-theme-portfolio-minimal/src/components/Icon/index.tsx
  3. Add facebook in the const list in gatsby-theme-portfolio-minimal/src/components/SocialProfiles/configuration.ts
  4. Add Facebook in the enum in gatsby-theme-portfolio-minimal/src/components/SocialProfiles/index.tsx
  5. Set facebook as a string in gatsby-theme-portfolio-minimal/src/gatsby/node/createSchemaCustomization.js
  6. Add facebook to the graphql query in gatsby-theme-portfolio-minimal/src/hooks/useSiteMetadata.tsx
  7. Add the SVG to gatsby-theme-portfolio-minimal\src\components\Icon\Icon<iconname>.tsx

SVG

To get the SVG to work, I used a web SVG editor, setting the height at 48x48 and letting this provide the SVG.

konstantinmuenster commented 1 year ago

Thanks a lot ❤️ looks great!

github-actions[bot] commented 1 year ago

:tada: This PR is included in version 4.6.0 :tada:

The release is available on:

Your semantic-release bot :package::rocket: