diff --git a/client/src/assets/icons/freeCodeCampLogo.js b/client/src/assets/icons/freeCodeCampLogo.js new file mode 100644 index 0000000000..12b5007686 --- /dev/null +++ b/client/src/assets/icons/freeCodeCampLogo.js @@ -0,0 +1,24 @@ +/* eslint-disable max-len */ +import React from 'react'; + +function freeCodeCampLogo() { + return ( + + + + + + ); +} + +freeCodeCampLogo.displayName = 'freeCodeCampLogo'; + +export default freeCodeCampLogo; diff --git a/client/src/components/Header/components/NavLogo.js b/client/src/components/Header/components/NavLogo.js index 87f7e6cdc3..7596a6f185 100644 --- a/client/src/components/Header/components/NavLogo.js +++ b/client/src/components/Header/components/NavLogo.js @@ -1,17 +1,8 @@ import React from 'react'; - -const fCClogo = 'https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg'; +import freeCodeCampLogo from '../../../assets/icons/freeCodeCampLogo'; function NavLogo() { - return ( - - learn to code at freeCodeCamp logo - - ); + return ; } NavLogo.displayName = 'NavLogo'; diff --git a/client/src/components/Header/components/universalNav.css b/client/src/components/Header/components/universalNav.css index 29dc3811c3..a873f6717a 100644 --- a/client/src/components/Header/components/universalNav.css +++ b/client/src/components/Header/components/universalNav.css @@ -49,7 +49,7 @@ background-color: var(--theme-color); } -#universal-nav-logo img { +#universal-nav-logo svg { display: block; width: auto; height: 25px;