-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path.eslintcache
1 lines (1 loc) · 35.5 KB
/
.eslintcache
1
[{"/home/danielmolnar/Desktop/recursive-app/src/index.js":"1","/home/danielmolnar/Desktop/recursive-app/src/App.js":"2","/home/danielmolnar/Desktop/recursive-app/src/menuData/menuList.js":"3","/home/danielmolnar/Desktop/recursive-app/src/app-style/style.js":"4","/home/danielmolnar/Desktop/recursive-app/src/reportWebVitals.js":"5","/home/danielmolnar/Desktop/recursive-app/src/context/AppContext.js":"6","/home/danielmolnar/Desktop/recursive-app/src/components/sidebar/Menubar.js":"7","/home/danielmolnar/Desktop/recursive-app/src/components/sidebar/Sidebar.js":"8","/home/danielmolnar/Desktop/recursive-app/src/components/content/Content.js":"9","/home/danielmolnar/Desktop/recursive-app/src/components/header/Header.js":"10","/home/danielmolnar/Desktop/recursive-app/src/breakpoints/breakpoints.js":"11","/home/danielmolnar/Desktop/recursive-app/src/components/sidebar/MenuLogo.js":"12","/home/danielmolnar/Desktop/recursive-app/src/components/sidebar/Spliter.js":"13","/home/danielmolnar/Desktop/recursive-app/src/components/Home/HomePage.js":"14","/home/danielmolnar/Desktop/recursive-app/src/components/missing/NotFound.js":"15","/home/danielmolnar/Desktop/recursive-app/src/routes/routing.js":"16","/home/danielmolnar/Desktop/recursive-app/src/components/sidebar/MenuSignOut.js":"17","/home/danielmolnar/Desktop/recursive-app/src/Screen/ScreenSize.js":"18","/home/danielmolnar/Desktop/recursive-app/src/components/sidebar/Hamburger.js":"19"},{"size":502,"mtime":1607262542327,"results":"20","hashOfConfig":"21"},{"size":1846,"mtime":1607201517236,"results":"22","hashOfConfig":"21"},{"size":1951,"mtime":1606860737366,"results":"23","hashOfConfig":"21"},{"size":1836,"mtime":1606932905792,"results":"24","hashOfConfig":"21"},{"size":362,"mtime":1606508765906,"results":"25","hashOfConfig":"21"},{"size":170,"mtime":1606941228019,"results":"26","hashOfConfig":"21"},{"size":6210,"mtime":1607095353064,"results":"27","hashOfConfig":"21"},{"size":3640,"mtime":1607201970917,"results":"28","hashOfConfig":"21"},{"size":710,"mtime":1606941142637,"results":"29","hashOfConfig":"21"},{"size":1491,"mtime":1607202483638,"results":"30","hashOfConfig":"21"},{"size":1069,"mtime":1607092744104,"results":"31","hashOfConfig":"21"},{"size":1080,"mtime":1607029374893,"results":"32","hashOfConfig":"21"},{"size":372,"mtime":1607027467100,"results":"33","hashOfConfig":"21"},{"size":982,"mtime":1606918704654,"results":"34","hashOfConfig":"21"},{"size":1445,"mtime":1606766964269,"results":"35","hashOfConfig":"21"},{"size":2040,"mtime":1607202265310,"results":"36","hashOfConfig":"21"},{"size":1405,"mtime":1607029697851,"results":"37","hashOfConfig":"21"},{"size":1583,"mtime":1606936721556,"results":"38","hashOfConfig":"21"},{"size":1986,"mtime":1607201457783,"results":"39","hashOfConfig":"21"},{"filePath":"40","messages":"41","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"14jk8np",{"filePath":"42","messages":"43","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"44","usedDeprecatedRules":"45"},{"filePath":"46","messages":"47","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"48","usedDeprecatedRules":"49"},{"filePath":"50","messages":"51","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"52","usedDeprecatedRules":"45"},{"filePath":"53","messages":"54","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"55"},{"filePath":"56","messages":"57","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"58","usedDeprecatedRules":"49"},{"filePath":"59","messages":"60","errorCount":0,"warningCount":4,"fixableErrorCount":0,"fixableWarningCount":0,"source":"61","usedDeprecatedRules":"62"},{"filePath":"63","messages":"64","errorCount":0,"warningCount":5,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"65","messages":"66","errorCount":0,"warningCount":3,"fixableErrorCount":0,"fixableWarningCount":0,"source":"67","usedDeprecatedRules":"62"},{"filePath":"68","messages":"69","errorCount":0,"warningCount":3,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"70","messages":"71","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"45"},{"filePath":"72","messages":"73","errorCount":0,"warningCount":3,"fixableErrorCount":0,"fixableWarningCount":0,"source":"74","usedDeprecatedRules":"62"},{"filePath":"75","messages":"76","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":"77","usedDeprecatedRules":"49"},{"filePath":"78","messages":"79","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"80","usedDeprecatedRules":"81"},{"filePath":"82","messages":"83","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"84","usedDeprecatedRules":"49"},{"filePath":"85","messages":"86","errorCount":0,"warningCount":4,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"87","messages":"88","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":"89","usedDeprecatedRules":"62"},{"filePath":"90","messages":"91","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":"92","usedDeprecatedRules":"45"},{"filePath":"93","messages":"94","errorCount":0,"warningCount":3,"fixableErrorCount":0,"fixableWarningCount":0,"source":"95","usedDeprecatedRules":"45"},"/home/danielmolnar/Desktop/recursive-app/src/index.js",[],"/home/danielmolnar/Desktop/recursive-app/src/App.js",["96"],"//import logo from './logo.svg';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { BrowserRouter as Router } from 'react-router-dom';\nimport SideBar from './components/sidebar/Sidebar';\nimport Header from './components/header/Header';\nimport Content from './components/content/Content';\nimport { HamburgerButton} from './components/sidebar/Hamburger';\n\nimport { GlobalCSS, AppStyle } from './app-style/style';\n\nimport Context from './context/AppContext';\n\nimport dataList from './menuData/menuList';\nimport RenderRoutes from './routes/routing';\n\nimport ScreenSize from './Screen/ScreenSize';\n\nfunction App() {\n\n const [selectedItems, setSelectedItems] = useState({});\n const [toggleBar, setToggleBar] = useState(true);\n\n const hambRef = useRef();\n\n const windowSize = ScreenSize();\n\n const toggleSideBar = (e) => {\n setToggleBar(toggleBar => !toggleBar);\n //e.stopPropagation();\n //e.nativeEvent.stopImmediatePropagation();\n }\n\n const hideSideBar = () => {\n setToggleBar(true);\n }\n\n useEffect(() => {\n console.log('Selected: ', selectedItems);\n console.log(hambRef.current)\n }, [selectedItems])\n\n const updateItems = (selected) => {\n //console.log('Old', selectedItems, 'new', selected)\n setSelectedItems({ ...selected });\n }\n\n return (\n <AppStyle.GridContainer>\n <GlobalCSS />\n\n <Context.AppContext.Provider value={{ dataList, selectedItems, updateItems, windowSize, toggleBar, hideSideBar, hambRef }}>\n <Router>\n\n <SideBar />\n <Header >\n <HamburgerButton ref={hambRef} toggleBar={toggleBar} toggleSideBar={toggleSideBar} />\n </Header>\n <Content />\n\n </Router>\n </Context.AppContext.Provider>\n\n </AppStyle.GridContainer>\n );\n} // <RenderRoutes routes={dataList} container='header' />\n\n\nexport default App;\n",["97","98"],"/home/danielmolnar/Desktop/recursive-app/src/menuData/menuList.js",["99"],"import { Grid, Home, Mail, AtSign, Archive, HelpCircle } from 'react-feather';\nimport HomePage from '../components/Home/HomePage';\nimport NotFound from '../components/missing/NotFound';\n//import Contact from '../components/contact/Contact';\n//import About from '../components/about/About';\n//import HelpCenter from '../components/help/HelpCenter';\n//import Documentation from '../components/doc/Documentation';\n\nexport default [\n { to: '/', exact: true, label: 'Home', Icon: Home, desc: 'Welcome to Rotax;tech site', component: HomePage },\n { to: '/blog', label: 'Blog', Icon: Grid, desc: 'Our web blog', component: NotFound },\n {\n label: 'Documents',\n Icon: Archive, \n items: [\n { to: '/doc', label: 'Documentation', desc: 'Documentation site', component: NotFound },\n { to: '/react', label: 'React doc', desc: 'Some helpful react resources', component: NotFound }\n ]\n },\n { to: '/about', label: 'About', Icon: AtSign, desc: 'About our company', component: NotFound },\n { to: '/contact', label: 'Contact', Icon: Mail, desc: 'Contact informations', component: NotFound },\n {\n to: '/help-center',\n label: 'Help Center',\n Icon: HelpCircle,\n desc: 'How we can help you?',\n component: NotFound,\n items: [\n { to: '/privacy-policy', label: 'Privacy Policy', component: NotFound },\n { to: '/tos', label: 'Terms of Service', desc: 'Our terms of service', component: NotFound },\n { to: '/partners', label: 'Partners', desc: 'All our partners', component: NotFound },\n {\n to: '/faq',\n label: 'FAQ',\n desc: 'You have some questions for us?',\n component: NotFound,\n items: [\n { to: '/faq/newsletter', label: 'Newsletter FAQs', desc: 'Newsletter FAQs', component: NotFound },\n { to: '/faq/career', label: 'Employment/Career FAQs', desc: ' FAQs about employment or Career in our company', component: NotFound },\n ],\n },\n ],\n },\n]",["100","101"],"/home/danielmolnar/Desktop/recursive-app/src/app-style/style.js",["102"],"import styled, { createGlobalStyle } from 'styled-components';\r\nimport { devicesMin, devicesMax } from '../breakpoints/breakpoints';\r\n\r\nconst GlobalCSS = createGlobalStyle`\r\n *,\r\n *::before, \r\n *::after {\r\n margin: 0; \r\n padding: 0;\r\n box-sizing: inherit;\r\n }\r\n\r\n html {\r\n font-size: 62.5%; /*1rem = 10px*/\r\n box-sizing: border-box; \r\n } \r\n\r\n body {\r\n font-size: 1.4rem;\r\n font-family: 'Roboto', 'Open Sans', sans-serif; \r\n }\r\n`;\r\n\r\nconst AppStyle = {\r\n Wrapper: styled.main`\r\n display: flex;\r\n flex-flow: column nowrap;\r\n background-color: #fcfcfc;\r\n min-height: 100vh;\r\n height: 100%\r\n `,\r\n GridContainer: styled.main`\r\n display: grid;\r\n grid-template-columns: 20% 1fr; \r\n grid-template-rows: 72px 1fr; \r\n \r\n grid-template-areas: \r\n \"sidebar head head head\" \r\n \"sidebar main main main\" \r\n \"sidebar main main main\" \r\n \"sidebar main main main\"; \r\n \r\n /* grid-container height = 100% of viewport height */ \r\n height: 100vh;\r\n\r\n @media screen and ${devicesMax.mobileM} { /*max-width: 375px*/\r\n \r\n grid-template-columns: 1fr; \r\n grid-template-rows: 72px 1fr; \r\n grid-template-areas: \r\n \"head\" \r\n \"main\"; \r\n }\r\n\r\n @media screen and ${devicesMax.laptop} { /*max-width: 375px*/\r\n \r\n grid-template-columns: max-content 1fr;\r\n grid-template-rows: 72px 1fr;\r\n grid-template-areas:\r\n \"sidebar head \" \r\n \"sidebar main \" \r\n \"sidebar main \" \r\n \"sidebar main \";\r\n }\r\n\r\n `\r\n};\r\n\r\nexport { GlobalCSS, AppStyle };\r\n\r\n","/home/danielmolnar/Desktop/recursive-app/src/reportWebVitals.js",[],["103","104"],"/home/danielmolnar/Desktop/recursive-app/src/context/AppContext.js",["105"],"import React from 'react';\r\n\r\nconst AppContext = React.createContext();\r\n\r\nconst SideBarContext = React.createContext();\r\n\r\nexport default {AppContext, SideBarContext};\r\n","/home/danielmolnar/Desktop/recursive-app/src/components/sidebar/Menubar.js",["106","107","108","109"],"import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { Route, Switch, Link } from 'react-router-dom';\nimport styled, { keyframes } from 'styled-components';\nimport { ChevronUp, ChevronDown } from 'react-feather';\n\nimport { devicesMin, devicesMax } from '../../breakpoints/breakpoints';\n\nimport Context from '../../context/AppContext';\n\n\nfunction BarItem({ item, selectedItems, hasItems, isSelected, onClick, depth, depthStep, fontStep }) {\n\n const { label, to, Icon, ...rest } = item;\n\n const { updateItems, windowSize } = useContext(Context.AppContext);\n const { showSideBar } = React.useContext(Context.SideBarContext);\n\n console.log(showSideBar)\n\n const handleItemClick = (to) => { \n\n if (selectedItems[to]) {\n delete selectedItems[to];\n } else {\n if (hasItems) {\n selectedItems[to] = true;\n } else {\n selectedItems = {};\n selectedItems[to] = true;\n }\n }\n updateItems(selectedItems);\n }\n\n const renderItem = () => {\n\n return (\n <SidebarMenuItem depth={depth} depthStep={depthStep} key={label}\n isSelected={isSelected} hasItems={hasItems}\n onClick={() => handleItemClick(to)} {...rest} >\n\n {Icon && <Icon size={20} strokeWidth={1.0} />}\n <SidebarMenuItemLabel fontStep={fontStep} showSideBar={showSideBar}>\n {label}\n </SidebarMenuItemLabel>\n {(hasItems && isSelected) ? <Direction><ChevronUp size={18} /></Direction> :\n (hasItems && !isSelected) ? <Direction><ChevronDown size={18} /></Direction> : null}\n\n </SidebarMenuItem >\n );\n }\n\n return (\n <>\n {to && showSideBar ?\n <StyledLink to={to}>\n {renderItem()}\n </StyledLink>\n :\n renderItem()\n }\n </>\n );\n}\n\nBarItem.propTypes = {\n list: PropTypes.array,\n selectedItems: PropTypes.object,\n hasItems: PropTypes.bool,\n isSelected: PropTypes.bool,\n onClick: PropTypes.func,\n depth: PropTypes.number,\n depthStep: PropTypes.number,\n fontStep: PropTypes.number\n}\n\nexport default function SideBarMenu({ list, selectedItems, onClick, depthStep = 10, depth = 1, fontStep = 0 }) {\n\n const { showSideBar } = React.useContext(Context.SideBarContext);\n\n\n return (\n <SidebarMenu showSideBar={showSideBar}>\n {list.map((item, ind) => {\n const { label, to, items } = item;\n const hasItems = items && items.length > 0;\n const isSelected = selectedItems[to];\n return (\n <React.Fragment key={`${label}${to}`}>\n <BarItem item={item} hasItems={hasItems} isSelected={isSelected} selectedItems={selectedItems}\n depth={depth} depthStep={depthStep} fontStep={fontStep} />\n {hasItems && isSelected && (\n <SideBarMenu list={items} selectedItems={selectedItems}\n depth={depth + 1} depthStep={depthStep} fontStep={fontStep + 0.1} />\n )}\n </React.Fragment>\n )\n })}\n </SidebarMenu>\n );\n}\n\nSideBarMenu.propTypes = {\n list: PropTypes.array.isRequired,\n selectedItems: PropTypes.object.isRequired,\n onClick: PropTypes.func,\n depth: PropTypes.number,\n depthStep: PropTypes.number,\n fontStep: PropTypes.number\n}\n\nconst showAnimation = keyframes`\n 0% {\n opacity: 0;\n transform: translateY(-10px);\n }\n 100% {\n opacity: 1;\n }\n`;\n\nconst SidebarMenu = styled.ul`\n display: flex;\n align-items: left;\n flex-flow: column nowrap;\n list-style: none;\n width: 100%;\n padding: 0 1em;\n animation: ${showAnimation} 200ms ease-out;\n \n @media ${devicesMax.tablet} {\n ${props => !props.showSideBar ? `padding: 0 ;` : null} \n }\n`;\n\nconst Direction = styled.div`\n width: max-content;\n display: grid;\n align-content: center;\n`;\n\nconst StyledLink = styled(Link)`\n text-decoration: none;\n color: inherit;\n outline: none;\n`;\n\nconst SidebarMenuItem = styled.li`\n display: flex;\n height: 40px;\n width: 100%;\n justify-content: flex-start; \n align-items: center;\n padding-left: ${props => (props.depth * props.depthStep)}px;\n padding-right: 0.1em;\n transition: all 200ms ease-in-out;\n \n &:hover {\n background: rgba(255, 255, 255, 0.05);\n box-shadow: inset 3px 0 0 0 #ffffff;\n cursor: pointer;\n }\n\n ${props => (props.isSelected === true && props.hasItems === true) ? `\n background: rgba(255, 255, 255, 0.05);\n box-shadow: inset 3px 0 0 0 #ffffff;\n\n ${Direction} {\n animation: rotateDown 400ms ease-out;\n }\n ` : null}\n\n ${props => (!props.isSelected && props.hasItems) ? `\n ${Direction} {\n animation: rotateUp 400ms ease-out;\n }\n ` : null}\n\n ${props => props.Icon}:hover { // rgb(151, 192, 92)\n color: rgb(151, 192, 92);\n }\n\n @keyframes rotateDown {\n from {\n transform: rotate(180deg);\n }\n }\n\n @keyframes rotateUp {\n from {\n transform: rotate(-180deg);\n }\n }\n \n @media ${devicesMax.tablet} {\n /*justify-content: flex-start; */ \n /*padding: 0; */ \n }\n`;\n\nconst SidebarMenuItemLabel = styled.p`\n font-family: 'Roboto', 'Open Sans', sans-serif;\n color: #fff;\n font-size: ${props => (1.2 - props.fontStep)}em;\n font-weight: 200;\n line-height: 1.3;\n text-align: left;\n padding: 12px 10px;\n color: #ffffff;\n transition: all 200ms linear;\n\n /* ${({ showSideBar }) => showSideBar ? ` width: max-content; opacity; 1;` : `width: 0; opacity: 0; `}; */\n\n @media ${devicesMax.tablet} {\n ${props => !props.showSideBar ? ` \n display: none;\n ` : null} \n }\n`;\n\n/*\nconst Icon = styled.svg`\n width: 20px;\n height: 20px;\n`\n*/\n",["110","111"],"/home/danielmolnar/Desktop/recursive-app/src/components/sidebar/Sidebar.js",["112","113","114","115","116"],"/home/danielmolnar/Desktop/recursive-app/src/components/content/Content.js",["117","118","119"],"import React, { useContext } from 'react';\nimport styled from 'styled-components';\n\nimport { Switch, Route } from 'react-router-dom';\nimport RenderRoutes from '../../routes/routing';\n\nimport Context from '../../context/AppContext';\n\nexport default function Content({ props, children }) {\n\n const { dataList, selectedItems, updateItems } = useContext(Context.AppContext);\n\n return (//{children}\n <ContentStyle>\n <Switch>\n <RenderRoutes routes={dataList} container='content' />\n </Switch>\n \n </ContentStyle>\n );\n}// \n\n\nconst ContentStyle = styled.div`\n\n grid-area: main;\n padding: 1em;\n display: grid;\n align-content: center;\n\n`;","/home/danielmolnar/Desktop/recursive-app/src/components/header/Header.js",["120","121","122"],"/home/danielmolnar/Desktop/recursive-app/src/breakpoints/breakpoints.js",[],"/home/danielmolnar/Desktop/recursive-app/src/components/sidebar/MenuLogo.js",["123","124","125"],"import React, { Children } from 'react';\nimport styled, { keyframes } from 'styled-components';\nimport { devicesMin, devicesMax } from '../../breakpoints/breakpoints';\n\nimport Context from '../../context/AppContext';\n\nexport default function MenuLogo({children}) {\n\n const { showSideBar } = React.useContext(Context.SideBarContext);\n \n return (\n <MenuLogoStyle showSideBar={showSideBar}>\n {children}\n </MenuLogoStyle>\n );\n}\n\nconst MenuLogoStyle = styled.div`\n\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: 16px;\n font-size: 1.2em;\n line-height: 1.5;\n font-weight: 600;\n height: 45px;\n color: #fff;\n margin: 30px 30px 0px 30px;\n padding: 0;\n\n @media ${devicesMax.tablet} {\n \n ${props => !props.showSideBar ? ` \n margin: 10px auto; \n & > :not(:first-child) {\n display: none; \n }\n ` : null} \n }\n`;","/home/danielmolnar/Desktop/recursive-app/src/components/sidebar/Spliter.js",["126","127"],"import React from 'react';\nimport styled, { keyframes } from 'styled-components';\n\nexport const Spliter = styled.div`\n /*margin: 5px auto;*/\n /*width: 100%;*/\n height: 1px;\n /*background: linear-gradient(to right, transparent 5%, rgba(97, 218, 251, 1) 55%, transparent 95%);*/\n background: rgb(100, 100, 109);\n border: none;\n margin: 5px 0 30px 0;\n`;","/home/danielmolnar/Desktop/recursive-app/src/components/Home/HomePage.js",["128"],"import React, { useContext } from 'react';\nimport styled, { keyframes } from 'styled-components';\n\nexport default function HomePage() {\n\n return (\n <HomeStyle>\n <h2>Welcome to Rotax Web Page</h2>\n <p>Our company provides a specialy services according to your needs</p>\n </HomeStyle>\n );\n}\n\nconst load = keyframes`\n 0% {\n opacity: 0;\n }\n`;\n\nconst HomeStyle = styled.div`\n\n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n width: 100%;\n padding: 1vw;\n text-decoration: none;\n outline: none;\n font-family: 'Roboto', 'Open Sans', sans-serif;\n animation: ${load} 600ms ease-out;\n\n h2 {\n padding: 1em 0;\n color: #828386;\n /*text-shadow: 0 0 2px #000;*/\n font-size: calc(1em + 1vw);\n }\n\n p {\n padding: 1em 0;\n color: #828386;\n font-size: calc(1em + 0.5vw);\n font-weight: 200; /*lighter;*/\n }\n`;",["129","130"],"/home/danielmolnar/Desktop/recursive-app/src/components/missing/NotFound.js",["131"],"import React, { useContext } from 'react';\nimport styled, { keyframes } from 'styled-components';\n\nexport default function NotFound() {\n \n return (\n <NFStyle>\n <section>\n <Title size='4em'>404</Title>\n <div />\n <Title size='1.4em'>Page not found</Title>\n </section> \n <Title size='1.2em'>Opps! Looks like this page doesn't exist</Title>\n </NFStyle>\n );\n}\n\nconst showUp = (direct) => keyframes`\n 0% {\n opacity: 0;\n transform: translateX(${direct});\n }\n 100% {\n\n }\n`;\n\nconst Title = styled.p`\n font-size: ${props => props.size};\n font-weight: 200;\n`;\n\nconst NFStyle = styled.div`\n\n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n font-weight: 200;\n\n section {\n display: flex;\n justify-content: center;\n align-items: center;\n\n div {\n width: 1px;\n height: 8vw;\n background: linear-gradient(to bottom, transparent 2%, rgba(130, 131, 134, 1) 50%, transparent 98%);\n border: none;\n margin: 0 2em;\n }\n\n ${Title}:first-child {\n animation: ${showUp('-5vw')} 400ms linear; \n }\n\n ${Title}:nth-child(3) {\n animation: ${showUp('5vw')} 400ms linear; \n }\n\n }\n\n ${Title} {\n padding: 1em 0;\n }\n`;","/home/danielmolnar/Desktop/recursive-app/src/routes/routing.js",["132","133","134","135"],"/home/danielmolnar/Desktop/recursive-app/src/components/sidebar/MenuSignOut.js",["136","137"],"import React from 'react';\nimport styled, { keyframes } from 'styled-components';\nimport { devicesMin, devicesMax } from '../../breakpoints/breakpoints';\n\nimport Context from '../../context/AppContext';\n\nexport default function SignOut({children}) {\n\n const { showSideBar } = React.useContext(Context.SideBarContext);\n \n return (\n <SignOutStyle showSideBar={showSideBar}>\n {children}\n </SignOutStyle>\n );\n}\n\nconst SignOutStyle = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.2em;\n line-height: 1.5;\n font-weight: 500;\n height: max-content;\n color: #fff;\n margin-top: 40px;\n /*margin: 40px 20px 0px 20px;*/\n padding: 0;\n\n & > :first-child {\n padding: 0.2em;\n display: none; \n }\n\n & > :first-child:hover {\n border-radius: 0.2em;\n background-color: rgba(203, 207, 214, 0.2); \n }\n /*\n & > :nth-child(2) {\n background-color: rgba(49, 47, 47, 0.8);\n border: 1px solid rgb(117, 114, 114);\n border-radius: 0.1em;\n padding: 0.2em;\n }*/\n\n @media ${devicesMax.tablet} {\n\n ${props => !props.showSideBar ? ` \n & > :first-child {\n display: flex; \n } \n & > :not(:first-child) {\n display: none; \n }\n ` : null} \n }\n`;","/home/danielmolnar/Desktop/recursive-app/src/Screen/ScreenSize.js",["138","139"],"import React, { useState, useEffect, useRef} from 'react';\r\n\r\nexport default function ScreenSize() {\r\n\r\n const [windowSize, setWindowSize] = useState( {\r\n width: window.innerWidth,\r\n height: window.innerHeight\r\n } );\r\n //const [elemHeight, setElemHeight] = useState(0);\r\n\r\n //let [elemRef, setElemenRef] = useState(useRef(null));\r\n /*\r\n const setHeight = (outerRef) => {\r\n setElemenRef(oldRef => outerRef);//elemRef = outerRef;\r\n setElemHeight(oldHeight => outerRef.current.offsetHeight);\r\n }\r\n\r\n useEffect(() => {\r\n const onScroll = (event) => {\r\n if (elemRef) {\r\n if (document.scrollingElement.scrollTop <= elemHeight) {\r\n //console.log(`Scrolao sam ga preko >= ${elemHeight}`);\r\n elemRef.current.classList.add('sticky');\r\n } else { \r\n elemRef.current.classList.remove('sticky');\r\n }\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', onScroll);\r\n\r\n return () => {\r\n window.removeEventListener('scroll', onScroll);\r\n }\r\n });*/\r\n\r\n useEffect(() => { \r\n\r\n const setSize = () => {\r\n setWindowSize(oldSize => ({\r\n width: window.innerWidth,\r\n height: window.innerHeight\r\n }));\r\n }\r\n\r\n window.addEventListener('resize', setSize);\r\n\r\n return () => {\r\n window.addEventListener('resize', setSize);\r\n }\r\n }, []);\r\n\r\n return windowSize;\r\n}","/home/danielmolnar/Desktop/recursive-app/src/components/sidebar/Hamburger.js",["140","141","142"],"import React, { forwardRef, useContext } from 'react';\nimport styled, { keyframes } from 'styled-components';\n\nimport { devicesMin, devicesMax } from '../../breakpoints/breakpoints';\n\nexport const HamburgerButton = forwardRef(({ toggleBar, toggleSideBar }, ref) => {\n return (\n <HamburgerStyle.Wrapper ref={ref} onClick={() => toggleSideBar(!toggleBar)}>\n <HamburgerStyle.Lines toggleBar={toggleBar} />\n </HamburgerStyle.Wrapper>\n )\n})\n\nconst Animation = keyframes`\n 0% {\n opacity: 0;\n transform: translateY(-10px);\n }\n 100% {\n opacity: 1;\n }\n `\n\nconst HamburgerStyle = {\n Wrapper: styled.button`\n\n height: 3rem;\n width: 3rem;\n position: relative;\n font-size: 12px;\n \n display: none;\n\n @media only screen and ${devicesMax.mobileM} {\n display: block;\n }\n \n /* Remove default button styles */\n border: none;\n background: transparent;\n outline: none;\n \n cursor: pointer;\n\n z-index: 600;\n \n &:after {\n content: \"\";\n display: block;\n position: absolute;\n height: 150%;\n width: 150%;\n top: -25%;\n left: -25%;\n }\n `,\n Lines: styled.div`\n top: 50%;\n margin-top: -0.125em;\n \n &,\n &:after,\n &:before {\n height: 2px;\n pointer-events: none;\n display: block;\n content: \"\";\n background-color: rgb(109, 112, 116);\n position: absolute;\n transition: all 200ms ease-in-out;\n }\n\n & {\n width: 100%;\n }\n \n &:after { \n ${props => props.toggleBar ? `width: 100%;` : `width: 60%;`} \n /* Move bottom line below center line */ \n top: -0.8rem;\n right: 0;\n }\n \n &:before {\n ${props => props.toggleBar ? `width: 100%;` : `width: 60%;`}\n /* Move top line on top of center line */\n top: 0.8rem;\n left: 0;\n }\n `,\n\n};",{"ruleId":"143","severity":1,"message":"144","line":14,"column":8,"nodeType":"145","messageId":"146","endLine":14,"endColumn":20},{"ruleId":"147","replacedBy":"148"},{"ruleId":"149","replacedBy":"150"},{"ruleId":"151","severity":1,"message":"152","line":9,"column":1,"nodeType":"153","endLine":44,"endColumn":2},{"ruleId":"147","replacedBy":"154"},{"ruleId":"149","replacedBy":"155"},{"ruleId":"143","severity":1,"message":"156","line":2,"column":10,"nodeType":"145","messageId":"146","endLine":2,"endColumn":20},{"ruleId":"147","replacedBy":"157"},{"ruleId":"149","replacedBy":"158"},{"ruleId":"151","severity":1,"message":"159","line":7,"column":1,"nodeType":"153","endLine":7,"endColumn":45},{"ruleId":"143","severity":1,"message":"160","line":3,"column":10,"nodeType":"145","messageId":"146","endLine":3,"endColumn":15},{"ruleId":"143","severity":1,"message":"161","line":3,"column":17,"nodeType":"145","messageId":"146","endLine":3,"endColumn":23},{"ruleId":"143","severity":1,"message":"156","line":7,"column":10,"nodeType":"145","messageId":"146","endLine":7,"endColumn":20},{"ruleId":"143","severity":1,"message":"162","line":16,"column":26,"nodeType":"145","messageId":"146","endLine":16,"endColumn":36},{"ruleId":"147","replacedBy":"163"},{"ruleId":"149","replacedBy":"164"},{"ruleId":"143","severity":1,"message":"160","line":4,"column":10,"nodeType":"145","messageId":"146","endLine":4,"endColumn":15},{"ruleId":"143","severity":1,"message":"161","line":4,"column":17,"nodeType":"145","messageId":"146","endLine":4,"endColumn":23},{"ruleId":"143","severity":1,"message":"156","line":8,"column":10,"nodeType":"145","messageId":"146","endLine":8,"endColumn":20},{"ruleId":"143","severity":1,"message":"165","line":18,"column":38,"nodeType":"145","messageId":"146","endLine":18,"endColumn":49},{"ruleId":"166","severity":1,"message":"167","line":47,"column":8,"nodeType":"168","endLine":47,"endColumn":20,"suggestions":"169"},{"ruleId":"143","severity":1,"message":"160","line":4,"column":18,"nodeType":"145","messageId":"146","endLine":4,"endColumn":23},{"ruleId":"143","severity":1,"message":"170","line":11,"column":23,"nodeType":"145","messageId":"146","endLine":11,"endColumn":36},{"ruleId":"143","severity":1,"message":"165","line":11,"column":38,"nodeType":"145","messageId":"146","endLine":11,"endColumn":49},{"ruleId":"143","severity":1,"message":"156","line":5,"column":10,"nodeType":"145","messageId":"146","endLine":5,"endColumn":20},{"ruleId":"143","severity":1,"message":"170","line":12,"column":23,"nodeType":"145","messageId":"146","endLine":12,"endColumn":36},{"ruleId":"143","severity":1,"message":"165","line":12,"column":38,"nodeType":"145","messageId":"146","endLine":12,"endColumn":49},{"ruleId":"143","severity":1,"message":"171","line":1,"column":17,"nodeType":"145","messageId":"146","endLine":1,"endColumn":25},{"ruleId":"143","severity":1,"message":"172","line":2,"column":18,"nodeType":"145","messageId":"146","endLine":2,"endColumn":27},{"ruleId":"143","severity":1,"message":"156","line":3,"column":10,"nodeType":"145","messageId":"146","endLine":3,"endColumn":20},{"ruleId":"143","severity":1,"message":"173","line":1,"column":8,"nodeType":"145","messageId":"146","endLine":1,"endColumn":13},{"ruleId":"143","severity":1,"message":"172","line":2,"column":18,"nodeType":"145","messageId":"146","endLine":2,"endColumn":27},{"ruleId":"143","severity":1,"message":"174","line":1,"column":17,"nodeType":"145","messageId":"146","endLine":1,"endColumn":27},{"ruleId":"147","replacedBy":"175"},{"ruleId":"149","replacedBy":"176"},{"ruleId":"143","severity":1,"message":"174","line":1,"column":17,"nodeType":"145","messageId":"146","endLine":1,"endColumn":27},{"ruleId":"143","severity":1,"message":"161","line":2,"column":10,"nodeType":"145","messageId":"146","endLine":2,"endColumn":16},{"ruleId":"143","severity":1,"message":"177","line":2,"column":25,"nodeType":"145","messageId":"146","endLine":2,"endColumn":36},{"ruleId":"143","severity":1,"message":"172","line":3,"column":18,"nodeType":"145","messageId":"146","endLine":3,"endColumn":27},{"ruleId":"143","severity":1,"message":"178","line":8,"column":24,"nodeType":"145","messageId":"146","endLine":8,"endColumn":33},{"ruleId":"143","severity":1,"message":"172","line":2,"column":18,"nodeType":"145","messageId":"146","endLine":2,"endColumn":27},{"ruleId":"143","severity":1,"message":"156","line":3,"column":10,"nodeType":"145","messageId":"146","endLine":3,"endColumn":20},{"ruleId":"143","severity":1,"message":"173","line":1,"column":8,"nodeType":"145","messageId":"146","endLine":1,"endColumn":13},{"ruleId":"143","severity":1,"message":"179","line":1,"column":38,"nodeType":"145","messageId":"146","endLine":1,"endColumn":44},{"ruleId":"143","severity":1,"message":"174","line":1,"column":29,"nodeType":"145","messageId":"146","endLine":1,"endColumn":39},{"ruleId":"143","severity":1,"message":"156","line":4,"column":10,"nodeType":"145","messageId":"146","endLine":4,"endColumn":20},{"ruleId":"143","severity":1,"message":"180","line":14,"column":7,"nodeType":"145","messageId":"146","endLine":14,"endColumn":16},"no-unused-vars","'RenderRoutes' is defined but never used.","Identifier","unusedVar","no-native-reassign",["181"],"no-negated-in-lhs",["182"],"import/no-anonymous-default-export","Assign array to a variable before exporting as module default","ExportDefaultDeclaration",["181"],["182"],"'devicesMin' is defined but never used.",["181"],["182"],"Assign object to a variable before exporting as module default","'Route' is defined but never used.","'Switch' is defined but never used.","'windowSize' is assigned a value but never used.",["181"],["182"],"'updateItems' is assigned a value but never used.","react-hooks/exhaustive-deps","React Hook useEffect has missing dependencies: 'hambRef' and 'hideSideBar'. Either include them or remove the dependency array.","ArrayExpression",["183"],"'selectedItems' is assigned a value but never used.","'Children' is defined but never used.","'keyframes' is defined but never used.","'React' is defined but never used.","'useContext' is defined but never used.",["181"],["182"],"'useLocation' is defined but never used.","'component' is assigned a value but never used.","'useRef' is defined but never used.","'Animation' is assigned a value but never used.","no-global-assign","no-unsafe-negation",{"desc":"184","fix":"185"},"Update the dependencies array to be: [hambRef, hideSideBar, windowSize]",{"range":"186","text":"187"},[1530,1542],"[hambRef, hideSideBar, windowSize]"]