-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path.eslintcache
1 lines (1 loc) · 18.8 KB
/
.eslintcache
1
[{"/home/mysio/Desktop/galeria/src/index.js":"1","/home/mysio/Desktop/galeria/src/App.js":"2","/home/mysio/Desktop/galeria/src/components/navigation/Navigation.js":"3","/home/mysio/Desktop/galeria/src/components/navigation/NavigationRoot.js":"4","/home/mysio/Desktop/galeria/src/components/navigation/NavigationList.js":"5","/home/mysio/Desktop/galeria/src/components/navigation/NavigationLogo.js":"6","/home/mysio/Desktop/galeria/src/components/navigation/LogoText.js":"7","/home/mysio/Desktop/galeria/src/components/navigation/LinkText.js":"8","/home/mysio/Desktop/galeria/src/components/navigation/NavigationItem.js":"9","/home/mysio/Desktop/galeria/src/components/navigation/NavigationLogoSvg.js":"10","/home/mysio/Desktop/galeria/src/components/SvgImage.js":"11","/home/mysio/Desktop/galeria/src/constants/layout.js":"12","/home/mysio/Desktop/galeria/src/components/root/Main.js":"13","/home/mysio/Desktop/galeria/src/components/root/Routes.js":"14","/home/mysio/Desktop/galeria/src/constants/paths.js":"15","/home/mysio/Desktop/galeria/src/pages/Gallery.js":"16","/home/mysio/Desktop/galeria/src/pages/About.js":"17","/home/mysio/Desktop/galeria/src/pages/NotFound.js":"18","/home/mysio/Desktop/galeria/src/components/navigation/NavigationLink.js":"19","/home/mysio/Desktop/galeria/src/components/Images.js":"20","/home/mysio/Desktop/galeria/src/components/Image.js":"21","/home/mysio/Desktop/galeria/src/hooks/useIntersectionObserver.js":"22","/home/mysio/Desktop/galeria/src/components/RainbowGalleryIcon.js":"23"},{"size":218,"mtime":1606726152139,"results":"24","hashOfConfig":"25"},{"size":568,"mtime":1606748639399,"results":"26","hashOfConfig":"25"},{"size":726,"mtime":1606771590711,"results":"27","hashOfConfig":"25"},{"size":639,"mtime":1606906747277,"results":"28","hashOfConfig":"25"},{"size":396,"mtime":1606747368771,"results":"29","hashOfConfig":"25"},{"size":1380,"mtime":1606762922232,"results":"30","hashOfConfig":"25"},{"size":389,"mtime":1606744871714,"results":"31","hashOfConfig":"25"},{"size":370,"mtime":1606747446554,"results":"32","hashOfConfig":"25"},{"size":487,"mtime":1606762740276,"results":"33","hashOfConfig":"25"},{"size":1370,"mtime":1607949416217,"results":"34","hashOfConfig":"25"},{"size":217,"mtime":1606739744615,"results":"35","hashOfConfig":"25"},{"size":309,"mtime":1606746665954,"results":"36","hashOfConfig":"25"},{"size":272,"mtime":1606903852891,"results":"37","hashOfConfig":"25"},{"size":476,"mtime":1606760613531,"results":"38","hashOfConfig":"25"},{"size":68,"mtime":1606748495179,"results":"39","hashOfConfig":"25"},{"size":144,"mtime":1606772471577,"results":"40","hashOfConfig":"25"},{"size":592,"mtime":1607945320412,"results":"41","hashOfConfig":"25"},{"size":81,"mtime":1606748515304,"results":"42","hashOfConfig":"25"},{"size":1020,"mtime":1606762846298,"results":"43","hashOfConfig":"25"},{"size":2421,"mtime":1607950838203,"results":"44","hashOfConfig":"25"},{"size":1802,"mtime":1607417043638,"results":"45","hashOfConfig":"25"},{"size":437,"mtime":1606989071752,"results":"46","hashOfConfig":"25"},{"size":1587,"mtime":1607949030887,"results":"47","hashOfConfig":"25"},{"filePath":"48","messages":"49","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"50"},"ba9v1s",{"filePath":"51","messages":"52","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":"53","usedDeprecatedRules":"50"},{"filePath":"54","messages":"55","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"56","usedDeprecatedRules":"50"},{"filePath":"57","messages":"58","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"50"},{"filePath":"59","messages":"60","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"50"},{"filePath":"61","messages":"62","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"63","usedDeprecatedRules":"50"},{"filePath":"64","messages":"65","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"50"},{"filePath":"66","messages":"67","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"50"},{"filePath":"68","messages":"69","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"50"},{"filePath":"70","messages":"71","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"72","usedDeprecatedRules":"50"},{"filePath":"73","messages":"74","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"50"},{"filePath":"75","messages":"76","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"50"},{"filePath":"77","messages":"78","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"50"},{"filePath":"79","messages":"80","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"50"},{"filePath":"81","messages":"82","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"50"},{"filePath":"83","messages":"84","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"50"},{"filePath":"85","messages":"86","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"50"},{"filePath":"87","messages":"88","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"50"},{"filePath":"89","messages":"90","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"91","usedDeprecatedRules":"50"},{"filePath":"92","messages":"93","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"94","usedDeprecatedRules":"50"},{"filePath":"95","messages":"96","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"97","usedDeprecatedRules":"50"},{"filePath":"98","messages":"99","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"100","messages":"101","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"50"},"/home/mysio/Desktop/galeria/src/index.js",[],["102","103"],"/home/mysio/Desktop/galeria/src/App.js",["104","105"],"import { Fragment } from 'react';\nimport { BrowserRouter as Router } from 'react-router-dom';\nimport styled from 'styled-components';\n\nimport { SMALL_SCREEN_WIDTH } from './constants/layout';\n\nimport './index.css';\n\nimport Main from './components/root/Main';\nimport Navigation from './components/navigation/Navigation';\nimport Routes from './components/root/Routes';\n\nfunction App() {\n return (\n <Router>\n <Fragment>\n <Navigation/>\n \n <Main>\n <Routes/>\n </Main>\n </Fragment>\n </Router>\n );\n}\n\nexport default App;\n","/home/mysio/Desktop/galeria/src/components/navigation/Navigation.js",["106"],"import styled from 'styled-components';\n\nimport * as paths from '../../constants/paths';\n\nimport NavigationRoot from './NavigationRoot';\nimport NavigationList from './NavigationList';\nimport NavigationLogo from './NavigationLogo';\nimport NavigationItem from './NavigationItem';\n\nimport galleryIcon from '../../svg/gallery.svg';\nimport aboutIcon from '../../svg/about.svg';\n\nfunction Navigation() {\n return (\n <NavigationRoot>\n <NavigationList>\n <NavigationLogo/>\n\n <NavigationItem icon={galleryIcon} label=\"Galeria\" to={paths.GALLERY_PATH}/>\n\n <NavigationItem icon={aboutIcon} label=\"Strona\" to={paths.ABOUT_PATH}/>\n </NavigationList>\n </NavigationRoot>\n );\n}\n\nexport default Navigation;","/home/mysio/Desktop/galeria/src/components/navigation/NavigationRoot.js",[],"/home/mysio/Desktop/galeria/src/components/navigation/NavigationList.js",[],"/home/mysio/Desktop/galeria/src/components/navigation/NavigationLogo.js",["107"],"import styled from 'styled-components';\n\nimport { GALLERY_PATH } from '../../constants/paths';\nimport { COLOR_SECONDARY, BACKGROUND_SECONDARY, BACKGROUND_TERTIARY, TRANSITION_SPEED, SMALL_SCREEN_WIDTH } from '../../constants/layout';\n\nimport NavigationRoot from './NavigationRoot';\nimport NavigationLink from './NavigationLink';\nimport NavigationLogoSvg from './NavigationLogoSvg';\nimport LogoText from './LogoText';\n\nconst Logo = styled.li`\n font-weight: bold;\n text-transform: uppercase;\n text-align: center;\n font-size: 1.5rem;\n letter-spacing: 0.3ch;\n width: 100%;\n\n & svg {\n transform: rotate(0deg);\n transition: ${TRANSITION_SPEED};\n }\n\n ${NavigationRoot}:hover & svg {\n transform: rotate(-180deg);\n }\n\n @media only screen and (max-width: ${SMALL_SCREEN_WIDTH}) {\n display: none;\n }\n\n @media only screen and (min-width: ${SMALL_SCREEN_WIDTH}) {\n ${NavigationRoot}:hover & svg {\n margin-left: 12rem;\n filter: grayscale(0%);\n }\n\n ${NavigationRoot}:hover & ${NavigationLink} {\n filter: opacity(1);\n background-color: ${BACKGROUND_TERTIARY};\n color: ${COLOR_SECONDARY};\n }\n }\n`;\n\nfunction NavigationLogo() {\n return (\n <Logo>\n <NavigationLink to={GALLERY_PATH}>\n <LogoText>Galeria</LogoText>\n\n <NavigationLogoSvg/>\n </NavigationLink>\n </Logo>\n )\n}\n\nexport default NavigationLogo;","/home/mysio/Desktop/galeria/src/components/navigation/LogoText.js",[],"/home/mysio/Desktop/galeria/src/components/navigation/LinkText.js",[],"/home/mysio/Desktop/galeria/src/components/navigation/NavigationItem.js",[],"/home/mysio/Desktop/galeria/src/components/navigation/NavigationLogoSvg.js",["108"],"import styled from 'styled-components';\n\nimport { TRANSITION_SPEED } from '../../constants/layout';\n\nconst PrimaryPath = styled.path`\n color: #ff7eee;\n`;\n\nconst SecondaryPath = styled.path`\n color: #df49a6;\n`;\n\nconst Svg = styled.svg`\n ${PrimaryPath}, ${SecondaryPath} {\n transition: ${TRANSITION_SPEED};\n }\n`;\n\nfunction NavigationLogoSvg() {\n return (\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n data-prefix=\"fad\"\n data-icon=\"angle-double-right\"\n role=\"img\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 448 512\"\n class=\"svg-inline--fa fa-angle-double-right fa-w-14 fa-5x\"\n >\n <g class=\"fa-group\">\n <SecondaryPath\n fill=\"currentColor\"\n d=\"M224 273L88.37 409a23.78 23.78 0 0 1-33.8 0L32 386.36a23.94 23.94 0 0 1 0-33.89l96.13-96.37L32 159.73a23.94 23.94 0 0 1 0-33.89l22.44-22.79a23.78 23.78 0 0 1 33.8 0L223.88 239a23.94 23.94 0 0 1 .1 34z\"\n class=\"fa-secondary\"\n ></SecondaryPath>\n <PrimaryPath\n fill=\"currentColor\"\n d=\"M415.89 273L280.34 409a23.77 23.77 0 0 1-33.79 0L224 386.26a23.94 23.94 0 0 1 0-33.89L320.11 256l-96-96.47a23.94 23.94 0 0 1 0-33.89l22.52-22.59a23.77 23.77 0 0 1 33.79 0L416 239a24 24 0 0 1-.11 34z\"\n class=\"fa-primary\"\n ></PrimaryPath>\n </g>\n </svg>\n );\n};\n\nexport default NavigationLogoSvg;","/home/mysio/Desktop/galeria/src/components/SvgImage.js",[],"/home/mysio/Desktop/galeria/src/constants/layout.js",[],"/home/mysio/Desktop/galeria/src/components/root/Main.js",[],"/home/mysio/Desktop/galeria/src/components/root/Routes.js",[],"/home/mysio/Desktop/galeria/src/constants/paths.js",[],"/home/mysio/Desktop/galeria/src/pages/Gallery.js",[],"/home/mysio/Desktop/galeria/src/pages/About.js",[],"/home/mysio/Desktop/galeria/src/pages/NotFound.js",[],"/home/mysio/Desktop/galeria/src/components/navigation/NavigationLink.js",["109"],"import { NavLink } from 'react-router-dom';\nimport styled from 'styled-components';\n\nimport { COLOR_PRIMARY, COLOR_SECONDARY, BACKGROUND_PRIMARY, BACKGROUND_SECONDARY, TRANSITION_SPEED, SMALL_SCREEN_WIDTH, BACKGROUND_TERTIARY } from '../../constants/layout';\n\nconst NavigationLink = styled(NavLink)`\n display: flex;\n align-items: center;\n height: 5rem;\n color: ${COLOR_PRIMARY};\n background-color: ${BACKGROUND_SECONDARY};\n text-decoration: none;\n filter: opacity(0.7);\n transition: ${TRANSITION_SPEED};\n\n text-transform: uppercase;\n text-align: center;\n font-size: 1.5rem;\n letter-spacing: 0.3ch;\n\n & svg, img {\n width: 2rem;\n min-width: 2rem;\n margin: 0 1.5rem;\n\n filter: grayscale(100%)\n }\n\n &:hover {\n filter: opacity(1);\n background-color: ${BACKGROUND_TERTIARY};\n color: ${COLOR_SECONDARY};\n }\n\n &:hover svg, img {\n filter: grayscale(0%);\n }\n\n @media only screen and (max-width: ${SMALL_SCREEN_WIDTH}) {\n justify-content: center;\n }\n`;\n\nexport default NavigationLink;","/home/mysio/Desktop/galeria/src/components/Images.js",["110"],"import { Component } from 'react';\nimport axios from 'axios';\nimport styled from 'styled-components';\nimport Masonry from 'react-masonry-css';\n\nimport { SMALL_SCREEN_WIDTH } from '../constants/layout';\n\nimport Image from './Image';\n\nconst Grid = styled.div`\n width: 100%;\n column-gap: 2rem;\n\n @media only screen and (max-width: ${SMALL_SCREEN_WIDTH}) {\n column-width: calc(50vw);\n }\n\n @media only screen and (min-width: ${SMALL_SCREEN_WIDTH}) {\n column-width: calc(33vw - 5rem);\n }\n`;\n\nclass Images extends Component {\n constructor() {\n super();\n \n this.state = {\n showLoadButton: false,\n loading: false,\n page: 1,\n fetchLimit: 10,\n images: [],\n error: null\n }\n }\n\n setupObserver = () => {\n const options = {\n root: null,\n rootMargin: '0px',\n threshold: 1.0\n };\n\n this.observer = new IntersectionObserver(this.handleObserver, options);\n\n this.observer.observe(this.loadingRef);\n }\n\n getImages = () => {\n this.setState({ loading: true });\n\n const url = `https://picsum.photos/v2/list?page=${this.state.page}&limit=${this.state.fetchLimit}`;\n\n axios\n .get(url)\n .then(res => {\n this.setState({\n images: [...this.state.images, ...res.data.map(image => {\n let width = Math.round(image.width / 4);\n let height = Math.round(image.height / 4);\n\n image.width = width;\n image.height = height;\n image.download_url = `https://picsum.photos/id/${image.id}/${width}/${height}`;\n\n return image;\n })]\n });\n\n this.setState({ loading: false, page: this.state.page + 1 });\n })\n .catch(err => {\n console.log(err);\n });\n \n }\n\n onVisible = index => {\n if ((index === this.state.images.length - 1)) {\n this.getImages();\n }\n }\n\n componentDidMount() {\n this.getImages();\n }\n\n render() {\n return (\n <Masonry\n breakpointCols={{\n default: 3,\n 601: 3,\n 600: 1\n }}\n className=\"masonry-grid\"\n columnClassName=\"masonry-grid_column\"\n >\n {\n this.state.images.map((image, index) => {\n return (\n <Image key={index} image={image} onVisible={() => this.onVisible(index)} style={{ paddingTop: '100%' }}/>\n );\n })\n }\n </Masonry>\n );\n }\n}\n\nexport default Images;","/home/mysio/Desktop/galeria/src/components/Image.js",["111"],"import { useState, useRef } from 'react';\nimport styled from 'styled-components';\n\nimport useIntersectionObserver from '../hooks/useIntersectionObserver';\n\nimport { SMALL_SCREEN_WIDTH } from '../constants/layout';\n\nimport Images from './Images';\n\nconst ImageRoot = styled.div`\n position: relative;\n width: 100%;\n margin-bottom: 2rem;\n padding-bottom: 0.5rem;\n\n display: inline-block;\n overflow: hidden;\n\n border-radius: 0.25rem;\n background-color: orange;\n\n transition: opacity 300ms, filter 200ms;\n\n & h2 {\n margin: 0;\n text-align: center;\n transition: color 300ms;\n }\n\n &:hover {\n & h2 {\n color: white;\n }\n }\n\n &:not(:hover) {\n filter: brightness(0.95);\n }\n\n @media only screen and (max-width: ${SMALL_SCREEN_WIDTH}) { \n &:last-child {\n margin-bottom: calc(2rem + 3rem);\n }\n }\n`;\n\nconst Img = styled.img`\n width: 100%;\n\n border-radius: 0.25rem;\n`;\n\nconst Link = styled.a`\n z-index: 1;\n\n color: inherit;\n text-decoration: none;\n`;\n\nfunction Image({ image, onVisible }) {\n const ref = useRef();\n const [isVisible, setIsVisible] = useState(false);\n const [isLoaded, setIsLoaded] = useState(false);\n\n useIntersectionObserver({\n target: ref,\n onIntersect: ([{ isIntersecting }], observerElement) => {\n if (isIntersecting) {\n if (!isVisible) {\n onVisible();\n setIsVisible(true);\n }\n\n observerElement.unobserve(ref.current);\n }\n }\n });\n\n const { url, download_url } = image;\n\n return (\n <ImageRoot ref={ref} style={{ opacity: isLoaded ? '1' : '0' }}>\n { isVisible && (\n <Link href={url}>\n <Img src={download_url} alt=\"\" onLoad={() => setIsLoaded(true)}/>\n\n <h2>{image.author}</h2>\n </Link>\n )}\n </ImageRoot>\n );\n}\n\nexport default Image;","/home/mysio/Desktop/galeria/src/hooks/useIntersectionObserver.js",[],"/home/mysio/Desktop/galeria/src/components/RainbowGalleryIcon.js",[],{"ruleId":"112","replacedBy":"113"},{"ruleId":"114","replacedBy":"115"},{"ruleId":"116","severity":1,"message":"117","line":3,"column":8,"nodeType":"118","messageId":"119","endLine":3,"endColumn":14},{"ruleId":"116","severity":1,"message":"120","line":5,"column":10,"nodeType":"118","messageId":"119","endLine":5,"endColumn":28},{"ruleId":"116","severity":1,"message":"117","line":1,"column":8,"nodeType":"118","messageId":"119","endLine":1,"endColumn":14},{"ruleId":"116","severity":1,"message":"121","line":4,"column":27,"nodeType":"118","messageId":"119","endLine":4,"endColumn":47},{"ruleId":"116","severity":1,"message":"122","line":13,"column":7,"nodeType":"118","messageId":"119","endLine":13,"endColumn":10},{"ruleId":"116","severity":1,"message":"123","line":4,"column":42,"nodeType":"118","messageId":"119","endLine":4,"endColumn":60},{"ruleId":"116","severity":1,"message":"124","line":10,"column":7,"nodeType":"118","messageId":"119","endLine":10,"endColumn":11},{"ruleId":"116","severity":1,"message":"125","line":8,"column":8,"nodeType":"118","messageId":"119","endLine":8,"endColumn":14},"no-native-reassign",["126"],"no-negated-in-lhs",["127"],"no-unused-vars","'styled' is defined but never used.","Identifier","unusedVar","'SMALL_SCREEN_WIDTH' is defined but never used.","'BACKGROUND_SECONDARY' is defined but never used.","'Svg' is assigned a value but never used.","'BACKGROUND_PRIMARY' is defined but never used.","'Grid' is assigned a value but never used.","'Images' is defined but never used.","no-global-assign","no-unsafe-negation"]