coop-cloud-chaos-patchs/outline
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

chore: Upgrade Prettier 1.8 -> 2.0 (#1436)

Browse Source
This commit is contained in:
Tom Moor
2020-08-08 18:53:11 -07:00
committed by GitHub
parent 68dcb4de5f
commit e312b264a6
218 changed files with 1156 additions and 1169 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
app/scenes/Document/components/Contents.js
View File

@ -16,26 +16,23 @@ export default function Contents({ headings }: Props) {
const [activeSlug, setActiveSlug] = React.useState();
const position = useWindowScrollPosition({ throttle: 100 });
React.useEffect(
() => {
for (let key = 0; key < headings.length; key++) {
const heading = headings[key];
const element = window.document.getElementById(
decodeURIComponent(heading.id)
);
React.useEffect(() => {
for (let key = 0; key < headings.length; key++) {
const heading = headings[key];
const element = window.document.getElementById(
decodeURIComponent(heading.id)
);
if (element) {
const bounding = element.getBoundingClientRect();
if (bounding.top > HEADING_OFFSET) {
const last = headings[Math.max(0, key - 1)];
setActiveSlug(last.id);
return;
}
if (element) {
const bounding = element.getBoundingClientRect();
if (bounding.top > HEADING_OFFSET) {
const last = headings[Math.max(0, key - 1)];
setActiveSlug(last.id);
return;
}
}
},
[position, headings]
);
}
}, [position, headings]);
// calculate the minimum heading level and adjust all the headings to make
// that the top-most. This prevents the contents from being weirdly indented
@ -52,7 +49,7 @@ export default function Contents({ headings }: Props) {
<Heading>Contents</Heading>
{headings.length ? (
<List>
{headings.map(heading => (
{headings.map((heading) => (
<ListItem
key={heading.id}
level={heading.level - headingAdjustment}
@ -75,7 +72,7 @@ const Wrapper = styled("div")`
position: sticky;
top: 80px;
box-shadow: 1px 0 0 ${props => darken(0.05, props.theme.sidebarBackground)};
box-shadow: 1px 0 0 ${(props) => darken(0.05, props.theme.sidebarBackground)};
margin-top: 40px;
margin-right: 2em;
min-height: 40px;
@ -93,7 +90,7 @@ const Heading = styled("h3")`
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
color: ${props => props.theme.sidebarText};
color: ${(props) => props.theme.sidebarText};
letter-spacing: 0.04em;
`;
@ -106,20 +103,20 @@ const Empty = styled(HelpText)`
`;
const ListItem = styled("li")`
margin-left: ${props => (props.level - 1) * 10}px;
margin-left: ${(props) => (props.level - 1) * 10}px;
margin-bottom: 8px;
padding-right: 2em;
line-height: 1.3;
border-right: 3px solid
${props => (props.active ? props.theme.textSecondary : "transparent")};
${(props) => (props.active ? props.theme.textSecondary : "transparent")};
`;
const Link = styled("a")`
color: ${props => props.theme.text};
color: ${(props) => props.theme.text};
font-size: 14px;
&:hover {
color: ${props => props.theme.primary};
color: ${(props) => props.theme.primary};
}
`;