Mirror: The highly customizable and versatile GraphQL client with which you add on features like normalized caching as you grow.
(docs) - Fix basepath for homepage links
+25
-35
+12
-16
packages/site/src/screens/docs/header.js
+12
-16
packages/site/src/screens/docs/header.js
···
1
1
import React from 'react';
2
2
import styled from 'styled-components';
3
3
import { Link } from 'react-router-dom';
4
-
import { useBasepath } from 'react-static';
5
4
6
5
import formidableLogo from '../../assets/logos/logo-formidable.svg';
7
6
···
56
55
top: -0.1rem;
57
56
`;
58
57
59
-
const Header = () => {
60
-
const basepath = useBasepath() || '';
61
-
const homepage = basepath ? `/${basepath}/` : '/';
62
-
63
-
return (
64
-
<Fixed>
65
-
<Wrapper>
66
-
<BlockLink href="https://formidable.com/">
67
-
<FormidableLogo />
68
-
</BlockLink>
69
-
<ProjectWording to={homepage}>urql</ProjectWording>
70
-
</Wrapper>
71
-
</Fixed>
72
-
);
73
-
};
58
+
const Header = () => (
59
+
<Fixed>
60
+
<Wrapper>
61
+
<BlockLink href="https://formidable.com/">
62
+
<FormidableLogo />
63
+
</BlockLink>
64
+
<ProjectWording to="/">
65
+
urql
66
+
</ProjectWording>
67
+
</Wrapper>
68
+
</Fixed>
69
+
);
74
70
75
71
export default Header;