Stone_Red/website
1
0
Fork 0
mirror of https://github.com/Stone-Red-Code/website.git synced 2026-09-06 23:43:45 +02:00
Code Issues Packages Projects Releases Wiki Activity

style: format codebase

Browse Source
This commit is contained in:
Jean-Philippe Sirois
2020-05-19 21:57:49 -04:00
parent 0eaea34b28
commit a1283334b3
37 changed files with 146 additions and 138 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/ResourcesList/index.tsx
+3 -3
View File
@@ -34,7 +34,7 @@ function plantTree(item: IFileOrFolder, index?: number) {
return (
<SC.PageLink key={item.title} to={path}>
{cleanedUpPath.map(node => (
{cleanedUpPath.map((node) => (
// TODO: use helper to format path
<SC.NodePart key={node}>{humanize(node)}</SC.NodePart>
))}
@@ -49,7 +49,7 @@ const Language = memo(({ item }: { item: IFolder; index: number }) => {
return (
<SC.TreeWrapper>
<SC.LanguageLabel>{humanize(item.title)}</SC.LanguageLabel>
<SC.Children>{item.children.map(node => plantTree(node))}</SC.Children>
<SC.Children>{item.children.map((node) => plantTree(node))}</SC.Children>
</SC.TreeWrapper>
)
})
@@ -58,7 +58,7 @@ interface IResourcesList extends HTMLAttributes<HTMLDivElement> {
relativeDirectory?: string
}
export const ResourcesList: FC<IResourcesList> = props => {
export const ResourcesList: FC<IResourcesList> = (props) => {
const resources = useStaticQuery<IAllResourcesQuery>(ALL_RESOURCES)
const filteredResources = {
src/components/ResourcesList/styles.tsx
+7 -7
View File
@@ -4,7 +4,7 @@ import styled from "styled-components"
export const ResourcesListWrapper = styled.div`
box-sizing: border-box;
color: ${props => props.theme.main.foreground};
color: ${(props) => props.theme.main.foreground};
`
export const Children = styled.div`
@@ -28,7 +28,7 @@ export const Label = styled.div`
align-self: flex-start;
&:hover {
border-color: ${props =>
border-color: ${(props) =>
transparentize(0.7, props.theme.sidebar.foreground)};
}
@@ -47,7 +47,7 @@ export const LanguageLabel = styled.div`
box-sizing: border-box;
padding: 4px 15px 4px 0;
font-weight: 700;
color: ${props => transparentize(0.5, props.theme.sidebar.foreground)};
color: ${(props) => transparentize(0.5, props.theme.sidebar.foreground)};
svg {
margin-left: auto;
@@ -55,7 +55,7 @@ export const LanguageLabel = styled.div`
transition: transform 0.3s;
path {
fill: ${props => transparentize(0.5, props.theme.sidebar.foreground)};
fill: ${(props) => transparentize(0.5, props.theme.sidebar.foreground)};
}
}
`
@@ -72,20 +72,20 @@ export const TreeWrapper = styled.div`
}
& > ${Label} svg {
fill: ${props => props.theme.sidebar.foreground};
fill: ${(props) => props.theme.sidebar.foreground};
}
`
export const PageLink = styled(Link)`
display: block;
padding: 2px 0;
color: ${props => props.theme.sidebar.foreground};
color: ${(props) => props.theme.sidebar.foreground};
align-self: flex-start;
text-decoration: none;
border-bottom: 1px solid transparent;
&:hover {
border-color: ${props =>
border-color: ${(props) =>
transparentize(0.7, props.theme.sidebar.foreground)};
}