.eslintcache

[{"/Users/ironman/Desktop/FileOvr/src/index.js":"1","/Users/ironman/Desktop/FileOvr/src/components/Ovr.js":"2","/Users/ironman/Desktop/FileOvr/src/components/TopBar.js":"3","/Users/ironman/Desktop/FileOvr/src/components/Down.js":"4","/Users/ironman/Desktop/FileOvr/src/components/Up.js":"5","/Users/ironman/Desktop/FileOvr/src/App.js":"6","/Users/ironman/Desktop/FileOvr/src/reportWebVitals.js":"7","/Users/ironman/Desktop/FileOvr/src/components/Pouch.js":"8","/Users/ironman/Desktop/FileOvr/src/components/DragNDrop.js":"9"},{"size":500,"mtime":1613856732928,"results":"10","hashOfConfig":"11"},{"size":12371,"mtime":1615347666908,"results":"12","hashOfConfig":"13"},{"size":890,"mtime":1614541607804,"results":"14","hashOfConfig":"13"},{"size":1561,"mtime":1618869850989,"results":"15","hashOfConfig":"13"},{"size":2815,"mtime":1618868432509,"results":"16","hashOfConfig":"13"},{"size":161,"mtime":1615148943420,"results":"17","hashOfConfig":"13"},{"size":362,"mtime":1613856732929,"results":"18","hashOfConfig":"13"},{"size":2823,"mtime":1618868113418,"results":"19","hashOfConfig":"13"},{"size":2232,"mtime":1618868385506,"results":"20","hashOfConfig":"13"},{"filePath":"21","messages":"22","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"14lgwgo",{"filePath":"23","messages":"24","errorCount":0,"warningCount":3,"fixableErrorCount":0,"fixableWarningCount":0,"source":"25","usedDeprecatedRules":"26"},"at8weu",{"filePath":"27","messages":"28","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"29"},{"filePath":"30","messages":"31","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"32","messages":"33","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"34","messages":"35","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"36"},{"filePath":"37","messages":"38","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"26"},{"filePath":"39","messages":"40","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"41","messages":"42","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"/Users/ironman/Desktop/FileOvr/src/index.js",[],"/Users/ironman/Desktop/FileOvr/src/components/Ovr.js",["43","44","45"],"import React, { useState } from \"react\";\nimport { motion } from \"framer-motion\";\nimport styles from \"../styles/ovr.module.css\";\nimport { TopBar } from \"./TopBar\";\nimport Send from \"./Up\";\nimport Receive from \"./Down\";\n\nexport const Ovr = () => {\n  const [slideLeft, setSlideLeft] = useState(false);\n  const [slideRight, setSlideRight] = useState(false);\n  const [showPopUpAbout, setPopUpAbout] = useState(false);\n  const [showPopUpHelp, setPopUpHelp] = useState(false);\n\n  // SEND BUTTON — dynamic styling\n  const baseStyle_sendButton = {\n    backgroundColor: \"#ffffff\",\n    color: \"#4d4d4d\",\n    boxShadow: \"0px 0px 10px 1px #000000\",\n  };\n  const slideLeftStyle_sendButton = {\n    backgroundColor: \"#ffffff\",\n    color: \"#000000\",\n    // boxShadow: \"0px 0px 25px 5px #4d4d4d inset\",\n  };\n\n  // RECEIVE BUTTON — dynamic styling\n  const baseStyle_receiveButton = {\n    backgroundColor: \"#333333\",\n    color: \"white\",\n    borderColor: \"transparent\",\n    boxShadow: \"0px 0px 10px 1px #000000\",\n  };\n\n  const slideRightStyle_receiveButton = {\n    backgroundColor: \"#333333\",\n    color: \"white\",\n    borderColor: \"transparent\",\n    // boxShadow: \"0px 0px 5px 5px #000000\",\n  };\n\n  // POP-UP STYLING\n  const pop_style = {\n    margin: \"2.5vh 2.5vw 2.5vh 2.5vw\",\n    position: \"absolute\",\n    width: \"95vw\",\n    height: \"95vh\",\n    zIndex: \"20\",\n  };\n\n  return (\n    <>\n      <div className={styles.full_view}>\n        <TopBar onClickAbout={setPopUpAbout} onClickHelp={setPopUpHelp} />\n        {showPopUpAbout && (\n          <motion.button\n            initial={{\n              y: -1000,\n            }}\n            animate={{\n              y: 0,\n            }}\n            transition={{\n              duration: 0.8,\n              type: \"tween\",\n            }}\n            className={styles.pop_up}\n            onClick={() => setPopUpAbout(false)}\n            style={pop_style}\n          >\n            <h1 className={styles.pop_up_subtext_h1}>About</h1>\n            <h2 className={styles.pop_up_subtext_h2}>\n              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis\n              aliquet pretium libero, a suscipit nunc rutrum ultrices. Proin vel\n              est at enim viverra scelerisque.\n            </h2>\n            <h4 className={styles.pop_up_subtext_h4}>\n              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis\n              aliquet pretium libero, a suscipit nunc rutrum ultrices. Proin vel\n              est at enim viverra scelerisque. Mauris condimentum, arcu quis\n              hendrerit lacinia, risus lacus fermentum tellus, et euismod justo\n              ipsum et ipsum. Curabitur id lobortis quam. Suspendisse ut\n              dignissim quam. Nunc pharetra lectus vitae est feugiat, vitae\n              mollis magna interdum. Maecenas pharetra urna sem, nec gravida\n              metus interdum id. Fusce ac placerat lectus, et auctor purus. Duis\n              sapien ligula, venenatis a pellentesque eget, ullamcorper eget\n              ante. Sed non arcu eu nisi facilisis porta. Nam molestie ligula\n              vel eleifend accumsan. Ut rutrum ligula in felis viverra, vitae\n              cursus lacus rhoncus. Praesent eu arcu eleifend, sollicitudin ex\n              non, maximus risus. Duis eget ultrices risus. Nam id leo risus.\n              Aliquam erat volutpat. Integer suscipit, sapien quis mattis\n              laoreet, urna ex porta urna, accumsan condimentum metus turpis a\n              erat. Integer vitae velit quis sapien pharetra facilisis. Nam ut\n              sagittis dolor. Integer pharetra, augue non suscipit eleifend,\n              tortor massa commodo nisi, vitae egestas odio mi eu sem. Nullam\n              nulla justo, tincidunt id tristique a, egestas sed elit. Nullam\n              nisi felis, rhoncus nec eleifend sed, convallis sed quam. Proin\n              massa nibh, dapibus at ornare vel, tincidunt eu nulla. Morbi purus\n              felis, fermentum ac velit ac, condimentum faucibus erat.\n            </h4>\n            <h4 className={styles.pop_up_subtext_h4}>\n              Curabitur id lobortis quam. Suspendisse ut dignissim quam. Nunc\n              pharetra lectus vitae est feugiat, vitae mollis magna interdum.\n              Maecenas pharetra urna sem, nec gravida metus interdum id. Fusce\n              ac placerat lectus, et auctor purus. Duis sapien ligula, venenatis\n              a pellentesque eget, ullamcorper eget ante. Sed non arcu eu nisi\n              facilisis porta. Nam molestie ligula vel eleifend accumsan. Ut\n              rutrum ligula in felis viverra, vitae cursus lacus rhoncus.\n              Praesent eu arcu eleifend, sollicitudin ex non, maximus risus.\n              Duis eget ultrices risus. Nam id leo risus. Aliquam erat volutpat.\n              Integer suscipit, sapien quis mattis laoreet, urna ex porta urna,\n              accumsan condimentum metus turpis a erat. Integer vitae velit quis\n              sapien pharetra facilisis.\n            </h4>\n          </motion.button>\n        )}\n        {showPopUpHelp && (\n          <motion.button\n            className={styles.pop_up}\n            onClick={() => setPopUpHelp(false)}\n            style={pop_style}\n            initial={{\n              y: -1000,\n            }}\n            animate={{\n              y: 0,\n            }}\n            transition={{\n              duration: 0.8,\n              type: \"tween\",\n            }}\n          >\n            <h1 className={styles.pop_up_subtext_h1}>Help</h1>\n            <h4 className={styles.pop_up_subtext_h4}>\n              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis\n              aliquet pretium libero, a suscipit nunc rutrum ultrices. Proin vel\n              est at enim viverra scelerisque. Mauris condimentum, arcu quis\n              hendrerit lacinia, risus lacus fermentum tellus, et euismod justo\n              ipsum et ipsum. Curabitur id lobortis quam. Suspendisse ut\n              dignissim quam. Nunc pharetra lectus vitae est feugiat, vitae\n              mollis magna interdum. Maecenas pharetra urna sem, nec gravida\n              metus interdum id. Fusce ac placerat lectus, et auctor purus. Duis\n              sapien ligula, venenatis a pellentesque eget, ullamcorper eget\n              ante. Sed non arcu eu nisi facilisis porta. Nam molestie ligula\n              vel eleifend accumsan. Ut rutrum ligula in felis viverra, vitae\n              cursus lacus rhoncus. Praesent eu arcu eleifend, sollicitudin ex\n              non, maximus risus. Duis eget ultrices risus. Nam id leo risus.\n              Aliquam erat volutpat. Integer suscipit, sapien quis mattis\n              laoreet, urna ex porta urna, accumsan condimentum metus turpis a\n              erat. Integer vitae velit quis sapien pharetra facilisis. Nam ut\n              sagittis dolor. Integer pharetra, augue non suscipit eleifend,\n              tortor massa commodo nisi, vitae egestas odio mi eu sem. Nullam\n              nulla justo, tincidunt id tristique a, egestas sed elit. Nullam\n              nisi felis, rhoncus nec eleifend sed, convallis sed quam. Proin\n              massa nibh, dapibus at ornare vel, tincidunt eu nulla. Morbi purus\n              felis, fermentum ac velit ac, condimentum faucibus erat.\n            </h4>\n            <h4 className={styles.pop_up_subtext_h4}>\n              {\" \"}\n              Curabitur id lobortis quam. Suspendisse ut dignissim quam. Nunc\n              pharetra lectus vitae est feugiat, vitae mollis magna interdum.\n              Maecenas pharetra urna sem, nec gravida metus interdum id. Fusce\n              ac placerat lectus, et auctor purus. Duis sapien ligula, venenatis\n              a pellentesque eget, ullamcorper eget ante. Sed non arcu eu nisi\n              facilisis porta. Nam molestie ligula vel eleifend accumsan. Ut\n              rutrum ligula in felis viverra, vitae cursus lacus rhoncus.\n              Praesent eu arcu eleifend, sollicitudin ex non, maximus risus.\n              Duis eget ultrices risus. Nam id leo risus. Aliquam erat volutpat.\n              Integer suscipit, sapien quis mattis laoreet, urna ex porta urna,\n              accumsan condimentum metus turpis a erat. Integer vitae velit quis\n              sapien pharetra facilisis. Nam ut sagittis dolor. Integer\n              pharetra, augue non suscipit eleifend, tortor massa commodo nisi,\n              vitae egestas odio mi eu sem. Nullam nulla justo, tincidunt id\n              tristique a, egestas sed elit. Nullam nisi felis, rhoncus nec\n              eleifend sed, convallis sed quam. Proin massa nibh, dapibus at\n              ornare vel, tincidunt eu nulla. Morbi purus felis, fermentum ac\n              velit ac, condimentum faucibus erat.\n            </h4>\n          </motion.button>\n        )}\n        <motion.div\n          className={styles.full_panel_container}\n          initial={{ x: \"-40vw\" }}\n          animate={\n            slideLeft\n              ? { x: \"0vw\" }\n              : slideRight\n              ? { x: \"-80vw\" }\n              : { x: \"-40vw\" }\n          }\n          transition={{\n            type: \"spring\",\n            stiffness: 100,\n            damping: 20,\n            duration: 1,\n          }}\n        >\n          <div className={styles.full_panel_left}>\n            {/* {slideLeft && (\n              <motion.div\n                className={styles.upload_file_shadow}\n                initial={{\n                  opacity: 0,\n                }}\n                animate={{\n                  opacity: 1.5,\n                }}\n                transition={{\n                  duration: 1.5,\n                  type: \"tween\",\n                  dampening: 50,\n                  stiffness: 50,\n                }}\n              ></motion.div>\n            )} */}\n            {!(slideLeft || slideRight) &&\n              <div className={styles.bg_o}></div>\n            }\n          </div>\n          {!(slideLeft || slideRight) &&\n              <div className={styles.bg_v}></div>\n            }\n          <div className={styles.full_panel_right}>\n            {!(slideLeft || slideRight) &&\n              <div className={styles.bg_r}></div>\n            }\n          </div>\n        </motion.div>\n        <motion.div className={styles.function_button_container}>\n          {/* SEND BUTTON */}\n          <motion.button\n            className={styles.function_button}\n            transition={{\n              type: \"spring\",\n              stiffness: 100,\n              damping: 20,\n              duration: 1,\n            }}\n            animate={\n              slideLeft\n                ? { x: \"40vw\" }\n                : slideRight\n                ? { x: \"-40vw\" }\n                : { x: \"0\" }\n            }\n            // style={slideLeft ? slideLeftStyle_sendButton : baseStyle_sendButton}\n            onClick={() => {\n              setSlideLeft(true);\n              setSlideRight(false);\n            }}\n          >\n            SEND\n          </motion.button>\n          {/* RECEIVE BUTTON */}\n          <motion.button\n            className={styles.function_button}\n            transition={{\n              type: \"spring\",\n              stiffness: 100,\n              damping: 20,\n              duration: 1,\n            }}\n            animate={\n              slideLeft\n                ? { x: \"40vw\" }\n                : slideRight\n                ? { x: \"-40vw\" }\n                : { x: \"0\" }\n            }\n            style={ slideRightStyle_receiveButton\n              // slideRight\n              //   ? slideRightStyle_receiveButton\n              //   : baseStyle_receiveButton\n            }\n            onClick={() => {\n              setSlideLeft(false);\n              setSlideRight(true);\n            }}\n          >\n            RECEIVE\n          </motion.button>\n        </motion.div>\n        <motion.div\n          className={\n            slideLeft || slideRight ? styles.hidden : styles.subtext_container\n          }\n          initial={{\n            x: \"-100vw\",\n          }}\n          animate={{\n            x: 0,\n            y: 50,\n          }}\n          transition={{\n            ease: \"easeOut\",\n            duration: 1,\n            delay: 0.5,\n          }}\n        >\n          <h2 className={styles.subtext}>\n            A better way to share files privately.\n          </h2>\n        </motion.div>\n        {slideLeft && <Send />}\n        {slideRight && <Receive />}\n      </div>\n    </>\n  );\n};\n",["46","47"],"/Users/ironman/Desktop/FileOvr/src/components/TopBar.js",[],["48","49"],"/Users/ironman/Desktop/FileOvr/src/components/Down.js",[],"/Users/ironman/Desktop/FileOvr/src/components/Up.js",[],"/Users/ironman/Desktop/FileOvr/src/App.js",[],["50","51"],"/Users/ironman/Desktop/FileOvr/src/reportWebVitals.js",[],"/Users/ironman/Desktop/FileOvr/src/components/Pouch.js",[],"/Users/ironman/Desktop/FileOvr/src/components/DragNDrop.js",[],{"ruleId":"52","severity":1,"message":"53","line":15,"column":9,"nodeType":"54","messageId":"55","endLine":15,"endColumn":29},{"ruleId":"52","severity":1,"message":"56","line":20,"column":9,"nodeType":"54","messageId":"55","endLine":20,"endColumn":34},{"ruleId":"52","severity":1,"message":"57","line":27,"column":9,"nodeType":"54","messageId":"55","endLine":27,"endColumn":32},{"ruleId":"58","replacedBy":"59"},{"ruleId":"60","replacedBy":"61"},{"ruleId":"58","replacedBy":"62"},{"ruleId":"60","replacedBy":"63"},{"ruleId":"58","replacedBy":"64"},{"ruleId":"60","replacedBy":"65"},"no-unused-vars","'baseStyle_sendButton' is assigned a value but never used.","Identifier","unusedVar","'slideLeftStyle_sendButton' is assigned a value but never used.","'baseStyle_receiveButton' is assigned a value but never used.","no-native-reassign",["66"],"no-negated-in-lhs",["67"],["66"],["67"],["66"],["67"],"no-global-assign","no-unsafe-negation"]