-
Notifications
You must be signed in to change notification settings - Fork 0
/
.eslintcache
1 lines (1 loc) · 14.9 KB
/
.eslintcache
1
[{"D:\\React\\slider\\src\\index.js":"1","D:\\React\\slider\\src\\App.js":"2","D:\\React\\slider\\src\\Contain.js":"3","D:\\React\\slider\\src\\Container.js":"4","D:\\React\\slider\\src\\loader.js":"5","D:\\Download Browser\\KY-frontend-assignment1-master\\KY-frontend-assignment1-master\\src\\index.js":"6","D:\\Download Browser\\KY-frontend-assignment1-master\\KY-frontend-assignment1-master\\src\\App.js":"7","D:\\Download Browser\\KY-frontend-assignment1-master\\KY-frontend-assignment1-master\\src\\Container.js":"8","D:\\Download Browser\\KY-frontend-assignment1-master\\KY-frontend-assignment1-master\\src\\modal.js":"9","D:\\Download Browser\\KY-frontend-assignment1-master\\KY-frontend-assignment1-master\\src\\main.js":"10"},{"size":434,"mtime":1638064451463,"results":"11","hashOfConfig":"12"},{"size":6533,"mtime":1638288173663,"results":"13","hashOfConfig":"12"},{"size":552,"mtime":1638284864821,"results":"14","hashOfConfig":"12"},{"size":1407,"mtime":1638288068359,"results":"15","hashOfConfig":"12"},{"size":1247,"mtime":1638286736411,"results":"16","hashOfConfig":"12"},{"size":434,"mtime":1638299710467,"results":"17","hashOfConfig":"18"},{"size":632,"mtime":1638589515032,"results":"19","hashOfConfig":"18"},{"size":1674,"mtime":1638594816180,"results":"20","hashOfConfig":"18"},{"size":2149,"mtime":1638590475966,"results":"21","hashOfConfig":"18"},{"size":7971,"mtime":1638591650477,"results":"22","hashOfConfig":"18"},{"filePath":"23","messages":"24","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"25"},"toy0dg",{"filePath":"26","messages":"27","errorCount":0,"fatalErrorCount":0,"warningCount":4,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"28","messages":"29","errorCount":0,"fatalErrorCount":0,"warningCount":4,"fixableErrorCount":0,"fixableWarningCount":0,"source":"30","usedDeprecatedRules":"25"},{"filePath":"31","messages":"32","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"33","messages":"34","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"35","messages":"36","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"37"},"pxcb4r",{"filePath":"38","messages":"39","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"37"},{"filePath":"40","messages":"41","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"42","messages":"43","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"37"},{"filePath":"44","messages":"45","errorCount":0,"fatalErrorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"46","usedDeprecatedRules":"37"},"D:\\React\\slider\\src\\index.js",[],["47","48"],"D:\\React\\slider\\src\\App.js",["49","50","51","52"],"D:\\React\\slider\\src\\Contain.js",["53","54","55","56"],"import { useRef, useEffect } from \"react\";\r\nimport LocomotiveScroll from \"locomotive-scroll\";\r\nconst Contain = (props) => {\r\n return (\r\n <div\r\n className={` h-64 w-64 md:w-96 md:h-80 relative m-10 `}\r\n >\r\n <img\r\n src={props.img}\r\n className=\"object-cover w-full h-full transform rounded-lg hover:scale-105 transition duration-500 ease-in-out \"\r\n data-scroll\r\n ></img>\r\n <h1\r\n className=\"text-white font-primary absolute top-56 text-5xl bg-black p-2 bg-opacity-25\"\r\n data-scroll\r\n \r\n >\r\n {props.text}\r\n </h1>\r\n </div>\r\n );\r\n};\r\n\r\nexport default Contain;\r\n","D:\\React\\slider\\src\\Container.js",[],"D:\\React\\slider\\src\\loader.js",[],"D:\\Download Browser\\KY-frontend-assignment1-master\\KY-frontend-assignment1-master\\src\\index.js",[],["57","58"],"D:\\Download Browser\\KY-frontend-assignment1-master\\KY-frontend-assignment1-master\\src\\App.js",[],"D:\\Download Browser\\KY-frontend-assignment1-master\\KY-frontend-assignment1-master\\src\\Container.js",[],"D:\\Download Browser\\KY-frontend-assignment1-master\\KY-frontend-assignment1-master\\src\\modal.js",[],"D:\\Download Browser\\KY-frontend-assignment1-master\\KY-frontend-assignment1-master\\src\\main.js",["59"],"import Container from \"./Container\";\r\nimport LocomotiveScroll from \"locomotive-scroll\";\r\nimport \"./loco.css\";\r\n//import Contain from \"./Contain\";\r\nimport { motion } from \"framer-motion\";\r\nimport { useRef, useEffect } from \"react\";\r\n//import Loader from \"./loader\";\r\n\r\nconst img1 =\r\n \"https://images.pexels.com/photos/10266847/pexels-photo-10266847.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940\";\r\nconst img2 =\r\n \"https://images.unsplash.com/photo-1638008062242-5f1fbf684d3a?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=435&q=80\";\r\nconst img3 =\r\n \"https://images.pexels.com/photos/2421025/pexels-photo-2421025.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940\";\r\nconst img4 =\r\n \"https://images.pexels.com/photos/9865946/pexels-photo-9865946.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=750&w=1260\";\r\nconst img5 =\r\n \"https://images.pexels.com/photos/10259249/pexels-photo-10259249.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940\";\r\nconst img6 =\r\n \"https://images.pexels.com/photos/10190285/pexels-photo-10190285.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940\";\r\nconst img7 =\r\n \"https://images.pexels.com/photos/4388292/pexels-photo-4388292.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940\";\r\nconst img8 =\r\n \"https://images.pexels.com/photos/9980579/pexels-photo-9980579.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940\";\r\nconst img9 =\r\n \"https://images.pexels.com/photos/10261029/pexels-photo-10261029.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940\";\r\nconst img10 =\r\n \"https://images.pexels.com/photos/10223608/pexels-photo-10223608.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940\";\r\nconst img11 =\r\n \"https://images.pexels.com/photos/10043934/pexels-photo-10043934.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500\";\r\nconst img12 =\r\n \"https://images.pexels.com/photos/10080749/pexels-photo-10080749.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500\";\r\nconst img13 =\r\n \"https://images.pexels.com/photos/10220585/pexels-photo-10220585.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500\";\r\nconst img14 =\r\n \"https://images.pexels.com/photos/9532175/pexels-photo-9532175.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500\";\r\nconst img15 =\r\n \"https://images.pexels.com/photos/10285374/pexels-photo-10285374.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500\";\r\nconst img16 =\r\n \"https://images.pexels.com/photos/9737563/pexels-photo-9737563.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500\";\r\nconst img17 =\r\n \"https://images.pexels.com/photos/10154884/pexels-photo-10154884.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500\";\r\nconst img18 =\r\n \"https://images.pexels.com/photos/9726802/pexels-photo-9726802.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500\";\r\nconst data = [\r\n {\r\n id: 1,\r\n img: img1,\r\n text: \"flower\",\r\n },\r\n {\r\n id: 2,\r\n img: img2,\r\n text: \"gray\",\r\n },\r\n {\r\n id: 3,\r\n img: img3,\r\n text: \"dubai\",\r\n }\r\n ,\r\n {\r\n id: 4,\r\n img: img4,\r\n text: \"forever\",\r\n }\r\n ,\r\n {\r\n id: 5,\r\n img: img5,\r\n text: \"time\",\r\n }\r\n ,\r\n {\r\n id: 6,\r\n img: img6,\r\n text: \"white\",\r\n }\r\n];\r\nconst data2 = [\r\n {\r\n id: 7,\r\n img: img7,\r\n text: \"edge\",\r\n },\r\n {\r\n id: 8,\r\n img: img8,\r\n text: \"popcorn\",\r\n },\r\n {\r\n id: 9,\r\n img: img9,\r\n text: \"type\",\r\n }\r\n ,\r\n {\r\n id: 10,\r\n img: img10,\r\n text: \"building\",\r\n }\r\n ,\r\n {\r\n id: 11,\r\n img: img11,\r\n text: \"sunshine\",\r\n }\r\n ,\r\n {\r\n id: 12,\r\n img: img12,\r\n text: \"filed\",\r\n }\r\n];\r\nconst data3 = [\r\n {\r\n id: 13,\r\n img: img13,\r\n text: \"blue\",\r\n },\r\n {\r\n id: 14,\r\n img: img14,\r\n text: \"cotton\",\r\n },\r\n {\r\n id: 15,\r\n img: img15,\r\n text: \"trees\",\r\n }\r\n ,\r\n {\r\n id: 16,\r\n img: img16,\r\n text: \"caring\",\r\n }\r\n ,\r\n {\r\n id: 17,\r\n img: img17,\r\n text: \"bottle\",\r\n }\r\n ,\r\n {\r\n id: 18,\r\n img: img18,\r\n text: \"valley\",\r\n }\r\n];\r\nconst dataMain=[ {\r\n id: 1,\r\n img: img1,\r\n text: \"flower\",\r\n},\r\n{\r\n id: 2,\r\n img: img2,\r\n text: \"gray\",\r\n},\r\n{\r\n id: 3,\r\n img: img3,\r\n text: \"dubai\",\r\n}\r\n,\r\n{\r\n id: 4,\r\n img: img4,\r\n text: \"forever\",\r\n}\r\n,\r\n{\r\n id: 5,\r\n img: img5,\r\n text: \"time\",\r\n}\r\n,\r\n{\r\n id: 6,\r\n img: img6,\r\n text: \"white\",\r\n},{\r\n \r\n id: 7,\r\n img: img7,\r\n text: \"edge\",\r\n},\r\n{\r\n id: 8,\r\n img: img8,\r\n text: \"popcorn\",\r\n},\r\n{\r\n id: 9,\r\n img: img9,\r\n text: \"type\",\r\n}\r\n,\r\n{\r\n id: 10,\r\n img: img10,\r\n text: \"building\",\r\n}\r\n,\r\n{\r\n id: 11,\r\n img: img11,\r\n text: \"sunshine\",\r\n}\r\n,\r\n{\r\n id: 12,\r\n img: img12,\r\n text: \"filed\",\r\n},{\r\n\r\n id: 13,\r\n img: img13,\r\n text: \"blue\",\r\n},\r\n{\r\n id: 14,\r\n img: img14,\r\n text: \"cotton\",\r\n},\r\n{\r\n id: 15,\r\n img: img15,\r\n text: \"trees\",\r\n}\r\n,\r\n{\r\n id: 16,\r\n img: img16,\r\n text: \"caring\",\r\n}\r\n,\r\n{\r\n id: 17,\r\n img: img17,\r\n text: \"bottle\",\r\n}\r\n,\r\n{\r\n id: 18,\r\n img: img18,\r\n text: \"valley\",\r\n}]\r\nconst clamp = (value, min, max) =>\r\n value <= min ? min : value >= max ? max : value;\r\n\r\n\r\n\r\n\r\nfunction App(props) {\r\n const ref = useRef(null);\r\n const ref1 = useRef(null);\r\n const ref2 = useRef(null);\r\n const ref3 = useRef(null);\r\n const scroll = useRef({\r\n cache: 0,\r\n current: 0,\r\n });\r\n //const [sc, setsc] = useState(null);\r\n useEffect(() => {\r\n const scrollElement = new LocomotiveScroll({\r\n el: ref.current,\r\n smooth: true,\r\n smartphone: {\r\n smooth: true,\r\n },\r\n \r\n multiplier: 0.5,\r\n getDirection: true,\r\n getSpeed: true,\r\n });\r\n scrollElement.on(\"scroll\", (obj) => {\r\n scroll.current.current = obj.scroll.y;\r\n const distance = scroll.current.current - scroll.current.cache;\r\n scroll.current.cache = scroll.current.current;\r\n\r\n ref1.current.style.transform = `skewY(${clamp(distance, -10, 10)}deg)`;\r\n ref2.current.style.transform = `skewY(${clamp(distance, -10, 10)}deg)`;\r\n ref3.current.style.transform = `skewY(${clamp(-distance, -10, 10)}deg)`;\r\n });\r\n },[null]);\r\n \r\n const modalSt=(data)=>{ \r\n props.onData({state:data.state,main:dataMain[data.id-1]});\r\n }\r\n \r\n\r\n const imgData = data.map((item) => (\r\n <Container id={item.id} img={item.img} text={item.text} ex={1} onModalSt={modalSt}></Container>\r\n ));\r\n const imgData2 = data2.map((item) => (\r\n <Container id={item.id} img={item.img} text={item.text} ex={2} onModalSt={modalSt} ></Container>\r\n ));\r\n const imgData3 = data3.map((item) => (\r\n <Container id={item.id} img={item.img} text={item.text} ex={3} onModalSt={modalSt} ></Container>\r\n ));\r\n \r\n \r\n return (\r\n <>\r\n \r\n \r\n <div ref={ref} data-scroll-section >\r\n \r\n \r\n <motion.div className=\"relative text-center p-5 z-10 bg-black xl:h-60 xl:flex xl:justify-center items-center\">\r\n <motion.h1\r\n className=\"text-white text-6xl font-primary p-2\"\r\n initial={{ opacity: 0 }}\r\n animate={{ opacity: 1 }}\r\n transition={{ delay: 0.2, ease: \"circIn\" }}\r\n >\r\n Browse\r\n </motion.h1>\r\n <motion.h1\r\n className=\"text-gray-400 text-6xl font-primary p-2\"\r\n initial={{ opacity: 0 }}\r\n animate={{ opacity: 1 }}\r\n transition={{ delay: 0.2, ease: \"circIn\" }}\r\n >\r\n Events\r\n </motion.h1>\r\n </motion.div>\r\n \r\n \r\n \r\n <div className=\"p-10 m-2 grid justify-center items-center grid-col-1 xl:grid-col-3 gap-10\">\r\n <div className=\"xl:col-start-1\" ref={ref1}>\r\n {imgData}\r\n </div>\r\n <div\r\n className=\" hidden xl:block xl:col-start-2 \"\r\n ref={ref2}\r\n data-scroll\r\n data-scroll-speed=\"-15\"\r\n >\r\n {imgData2}\r\n </div>\r\n <div className=\"xl:hidden\" ref={ref2} data-scroll>\r\n {imgData2}\r\n </div>\r\n <div className=\" xl:col-start-3\" ref={ref3} data-scroll>\r\n {imgData3}\r\n </div>\r\n </div> \r\n </div>\r\n \r\n </>\r\n );\r\n}\r\n\r\nexport default App;",{"ruleId":"60","replacedBy":"61"},{"ruleId":"62","replacedBy":"63"},{"ruleId":"64","severity":1,"message":"65","line":6,"column":29,"nodeType":"66","messageId":"67","endLine":6,"endColumn":37},{"ruleId":"68","severity":1,"message":"69","line":45,"column":14,"nodeType":"70","messageId":"71","endLine":79,"endColumn":2},{"ruleId":"68","severity":1,"message":"69","line":80,"column":15,"nodeType":"70","messageId":"71","endLine":114,"endColumn":2},{"ruleId":"68","severity":1,"message":"69","line":115,"column":15,"nodeType":"70","messageId":"71","endLine":149,"endColumn":2},{"ruleId":"64","severity":1,"message":"72","line":1,"column":10,"nodeType":"66","messageId":"67","endLine":1,"endColumn":16},{"ruleId":"64","severity":1,"message":"73","line":1,"column":18,"nodeType":"66","messageId":"67","endLine":1,"endColumn":27},{"ruleId":"64","severity":1,"message":"74","line":2,"column":8,"nodeType":"66","messageId":"67","endLine":2,"endColumn":24},{"ruleId":"75","severity":1,"message":"76","line":8,"column":7,"nodeType":"77","endLine":12,"endColumn":8},{"ruleId":"60","replacedBy":"78"},{"ruleId":"62","replacedBy":"79"},{"ruleId":"80","severity":1,"message":"81","line":286,"column":6,"nodeType":"82","endLine":286,"endColumn":10},"no-native-reassign",["83"],"no-negated-in-lhs",["84"],"no-unused-vars","'useState' is defined but never used.","Identifier","unusedVar","no-sparse-arrays","Unexpected comma in middle of array.","ArrayExpression","unexpectedSparseArray","'useRef' is defined but never used.","'useEffect' is defined but never used.","'LocomotiveScroll' is defined but never used.","jsx-a11y/alt-text","img elements must have an alt prop, either with meaningful text, or an empty string for decorative images.","JSXOpeningElement",["83"],["84"],"react-hooks/exhaustive-deps","The null literal is not a valid dependency because it never changes. You can safely remove it.","Literal","no-global-assign","no-unsafe-negation"]