gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix(client): inject bootstrap tags to the top of head (#40804)

Browse Source
This commit is contained in:
Ahmad Abdolsaheb
2021-01-27 16:47:01 +03:00
committed by Mrugesh Mohapatra
parent 9ec8aa3db4
commit 4879d26604
2 changed files with 18 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
client/gatsby-ssr.js
View File

@ -32,3 +32,19 @@ export const onRenderBody = ({
setHeadComponents(getheadTagComponents());
setPostBodyComponents(getPostBodyComponents(pathname));
};
export const onPreRenderHTML = ({
getHeadComponents,
replaceHeadComponents
}) => {
const headComponents = getHeadComponents();
headComponents.sort((x, y) => {
if (x.key === 'bootstrap-min-preload' || x.key === 'bootstrap-min') {
return -1;
} else if (y.key === 'bootstrap-min-preload' || y.key === 'bootstrap-min') {
return 1;
}
return 0;
});
replaceHeadComponents(headComponents);
};

4
client/utils/tags.js
View File

@ -10,10 +10,10 @@ export const getheadTagComponents = () => {
<link
as='style'
href={pathToBootstrap}
key='boostrap-min-preload'
key='bootstrap-min-preload'
rel='preload'
/>,
<link href={pathToBootstrap} key='boostrap-min' rel='stylesheet' />,
<link href={pathToBootstrap} key='bootstrap-min' rel='stylesheet' />,
<meta content='freeCodeCamp.org' key='og:title' name='og:title' />,
<meta
content={i18next.t('meta.social-description')}