From a12db0249b151dce953351cd2bbcda7816483625 Mon Sep 17 00:00:00 2001 From: ishandeveloper Date: Mon, 28 Dec 2020 14:15:11 +0530 Subject: [PATCH] Macbook Air Responsiveness Issue --- .eslintcache | 2 +- src/containers/landing/style.scss | 7 +++++++ 2 files changed, 8 insertions(+), 1 deletion(-) diff --git a/.eslintcache b/.eslintcache index 3fda867..e8d8e87 100644 --- a/.eslintcache +++ b/.eslintcache @@ -1 +1 @@ -[{"D:\\Projects\\git\\year-in-review\\src\\index.js":"1","D:\\Projects\\git\\year-in-review\\src\\App.js":"2","D:\\Projects\\git\\year-in-review\\src\\reportWebVitals.js":"3","D:\\Projects\\git\\year-in-review\\src\\containers\\index.js":"4","D:\\Projects\\git\\year-in-review\\src\\containers\\landing\\index.jsx":"5","D:\\Projects\\git\\year-in-review\\src\\constants\\particles.js":"6","D:\\Projects\\git\\year-in-review\\src\\components\\index.js":"7","D:\\Projects\\git\\year-in-review\\src\\components\\loader\\index.jsx":"8","D:\\Projects\\git\\year-in-review\\src\\components\\landing-header\\index.jsx":"9","D:\\Projects\\git\\year-in-review\\src\\containers\\profile\\index.jsx":"10","D:\\Projects\\git\\year-in-review\\src\\components\\report\\index.jsx":"11","D:\\Projects\\git\\year-in-review\\src\\helpers\\api.js":"12","D:\\Projects\\git\\year-in-review\\src\\helpers\\index.js":"13","D:\\Projects\\git\\year-in-review\\src\\helpers\\useScript.js":"14","D:\\Projects\\git\\github-wrapped\\src\\index.js":"15","D:\\Projects\\git\\github-wrapped\\src\\reportWebVitals.js":"16","D:\\Projects\\git\\github-wrapped\\src\\App.js":"17","D:\\Projects\\git\\github-wrapped\\src\\containers\\index.js":"18","D:\\Projects\\git\\github-wrapped\\src\\containers\\profile\\index.jsx":"19","D:\\Projects\\git\\github-wrapped\\src\\containers\\landing\\index.jsx":"20","D:\\Projects\\git\\github-wrapped\\src\\constants\\particles.js":"21","D:\\Projects\\git\\github-wrapped\\src\\components\\index.js":"22","D:\\Projects\\git\\github-wrapped\\src\\helpers\\index.js":"23","D:\\Projects\\git\\github-wrapped\\src\\components\\report\\index.jsx":"24","D:\\Projects\\git\\github-wrapped\\src\\helpers\\api.js":"25","D:\\Projects\\git\\github-wrapped\\src\\helpers\\useScript.js":"26","D:\\Projects\\git\\github-wrapped\\src\\components\\loader\\index.jsx":"27","D:\\Projects\\git\\github-wrapped\\src\\components\\landing-header\\index.jsx":"28"},{"size":500,"mtime":1608919117782,"results":"29","hashOfConfig":"30"},{"size":484,"mtime":1608842186487,"results":"31","hashOfConfig":"30"},{"size":362,"mtime":1607194323451,"results":"32","hashOfConfig":"30"},{"size":106,"mtime":1608798026093,"results":"33","hashOfConfig":"30"},{"size":1958,"mtime":1608845692886,"results":"34","hashOfConfig":"30"},{"size":2008,"mtime":1608795842988,"results":"35","hashOfConfig":"30"},{"size":185,"mtime":1608850896802,"results":"36","hashOfConfig":"30"},{"size":293,"mtime":1608797644836,"results":"37","hashOfConfig":"30"},{"size":1060,"mtime":1608914906729,"results":"38","hashOfConfig":"30"},{"size":6840,"mtime":1608921096605,"results":"39","hashOfConfig":"30"},{"size":2710,"mtime":1608914897891,"results":"40","hashOfConfig":"30"},{"size":216,"mtime":1608881660683,"results":"41","hashOfConfig":"30"},{"size":82,"mtime":1608883003631,"results":"42","hashOfConfig":"30"},{"size":413,"mtime":1608882992672,"results":"43","hashOfConfig":"30"},{"size":500,"mtime":1608919117782,"results":"44","hashOfConfig":"45"},{"size":362,"mtime":1607194323451,"results":"46","hashOfConfig":"45"},{"size":484,"mtime":1608842186487,"results":"47","hashOfConfig":"45"},{"size":106,"mtime":1608798026093,"results":"48","hashOfConfig":"45"},{"size":6717,"mtime":1608972929134,"results":"49","hashOfConfig":"45"},{"size":1958,"mtime":1608845692886,"results":"50","hashOfConfig":"45"},{"size":2008,"mtime":1608795842988,"results":"51","hashOfConfig":"45"},{"size":185,"mtime":1608850896802,"results":"52","hashOfConfig":"45"},{"size":82,"mtime":1608883003631,"results":"53","hashOfConfig":"45"},{"size":2710,"mtime":1608914897891,"results":"54","hashOfConfig":"45"},{"size":211,"mtime":1608921217033,"results":"55","hashOfConfig":"45"},{"size":413,"mtime":1608882992672,"results":"56","hashOfConfig":"45"},{"size":293,"mtime":1608797644836,"results":"57","hashOfConfig":"45"},{"size":1060,"mtime":1608914906729,"results":"58","hashOfConfig":"45"},{"filePath":"59","messages":"60","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"j1i3eb",{"filePath":"61","messages":"62","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"63"},{"filePath":"64","messages":"65","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"63"},{"filePath":"66","messages":"67","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"63"},{"filePath":"68","messages":"69","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"63"},{"filePath":"70","messages":"71","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"63"},{"filePath":"72","messages":"73","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"63"},{"filePath":"74","messages":"75","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"63"},{"filePath":"76","messages":"77","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"78","usedDeprecatedRules":"63"},{"filePath":"79","messages":"80","errorCount":0,"warningCount":5,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"81","messages":"82","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"83","usedDeprecatedRules":"63"},{"filePath":"84","messages":"85","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"63"},{"filePath":"86","messages":"87","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"63"},{"filePath":"88","messages":"89","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"63"},{"filePath":"90","messages":"91","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"yya0es",{"filePath":"92","messages":"93","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"94","messages":"95","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"96","messages":"97","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"98","messages":"99","errorCount":0,"warningCount":5,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"100","messages":"101","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"102","messages":"103","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"104","messages":"105","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"106","messages":"107","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"108","messages":"109","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"110","messages":"111","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"112","messages":"113","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"114","messages":"115","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"116","messages":"117","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},"D:\\Projects\\git\\year-in-review\\src\\index.js",[],"D:\\Projects\\git\\year-in-review\\src\\App.js",[],["118","119"],"D:\\Projects\\git\\year-in-review\\src\\reportWebVitals.js",[],"D:\\Projects\\git\\year-in-review\\src\\containers\\index.js",[],"D:\\Projects\\git\\year-in-review\\src\\containers\\landing\\index.jsx",[],"D:\\Projects\\git\\year-in-review\\src\\constants\\particles.js",[],"D:\\Projects\\git\\year-in-review\\src\\components\\index.js",[],"D:\\Projects\\git\\year-in-review\\src\\components\\loader\\index.jsx",[],"D:\\Projects\\git\\year-in-review\\src\\components\\landing-header\\index.jsx",["120"],"import React from \"react\";\r\n\r\nexport default function LandingHeader({\r\n inputHandler,\r\n keyUpHandler,\r\n username\r\n}) {\r\n return (\r\n <>\r\n

GitHub Wrapped

\r\n

2020

\r\n\r\n

\r\n This has been a challenging year for all of us.\r\n

\r\n\r\n

\r\n Let's take a look back at all the contributions\r\n you as an individual\r\n
\r\n made to the open-source community, during these unprecedented times.\r\n

\r\n\r\n \r\n \r\n Press 'Enter' to submit\r\n \r\n \r\n );\r\n}\r\n","D:\\Projects\\git\\year-in-review\\src\\containers\\profile\\index.jsx",["121","122","123","124","125"],"D:\\Projects\\git\\year-in-review\\src\\components\\report\\index.jsx",["126"],"import React from \"react\";\r\nimport \"./style.scss\";\r\n\r\nexport default function Report({ username, commits, stars, pr, issues, reportReference }) {\r\n const dataFormatter = (data) => {\r\n if (data > 1000) {\r\n return `${(data / 1000).toFixed(1)}k`;\r\n }\r\n return `${data}`;\r\n };\r\n\r\n return (\r\n
\r\n \r\n\r\n
\r\n

\r\n {username} 's\r\n

\r\n
\r\n

2020

\r\n

Year in review

\r\n
\r\n\r\n
\r\n
\r\n
\r\n \r\n
\r\n
{dataFormatter(commits)}
\r\n
Commits
\r\n
\r\n
\r\n\r\n
\r\n \r\n
\r\n
{dataFormatter(stars)}
\r\n
Stars
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n
\r\n
{dataFormatter(pr)}
\r\n
Pull Requests
\r\n
\r\n
\r\n\r\n
\r\n \r\n
\r\n
{dataFormatter(issues)}
\r\n
Issues
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n );\r\n}\r\n","D:\\Projects\\git\\year-in-review\\src\\helpers\\api.js",[],"D:\\Projects\\git\\year-in-review\\src\\helpers\\index.js",[],"D:\\Projects\\git\\year-in-review\\src\\helpers\\useScript.js",[],"D:\\Projects\\git\\github-wrapped\\src\\index.js",[],"D:\\Projects\\git\\github-wrapped\\src\\reportWebVitals.js",[],"D:\\Projects\\git\\github-wrapped\\src\\App.js",[],"D:\\Projects\\git\\github-wrapped\\src\\containers\\index.js",[],"D:\\Projects\\git\\github-wrapped\\src\\containers\\profile\\index.jsx",["127","128","129","130","131"],"D:\\Projects\\git\\github-wrapped\\src\\containers\\landing\\index.jsx",[],"D:\\Projects\\git\\github-wrapped\\src\\constants\\particles.js",[],"D:\\Projects\\git\\github-wrapped\\src\\components\\index.js",[],"D:\\Projects\\git\\github-wrapped\\src\\helpers\\index.js",[],"D:\\Projects\\git\\github-wrapped\\src\\components\\report\\index.jsx",["132"],"D:\\Projects\\git\\github-wrapped\\src\\helpers\\api.js",[],"D:\\Projects\\git\\github-wrapped\\src\\helpers\\useScript.js",[],"D:\\Projects\\git\\github-wrapped\\src\\components\\loader\\index.jsx",[],"D:\\Projects\\git\\github-wrapped\\src\\components\\landing-header\\index.jsx",["133"],{"ruleId":"134","replacedBy":"135"},{"ruleId":"136","replacedBy":"137"},{"ruleId":"138","severity":1,"message":"139","line":35,"column":36,"nodeType":"140","messageId":"141","endLine":35,"endColumn":38},{"ruleId":"138","severity":1,"message":"142","line":46,"column":26,"nodeType":"140","messageId":"141","endLine":46,"endColumn":28},{"ruleId":"143","severity":1,"message":"144","line":119,"column":6,"nodeType":"145","endLine":119,"endColumn":8,"suggestions":"146"},{"ruleId":"147","severity":1,"message":"148","line":141,"column":19,"nodeType":"149","endLine":141,"endColumn":34},{"ruleId":"147","severity":1,"message":"148","line":175,"column":17,"nodeType":"149","endLine":175,"endColumn":32},{"ruleId":"147","severity":1,"message":"148","line":207,"column":17,"nodeType":"149","endLine":207,"endColumn":32},{"ruleId":"150","severity":1,"message":"151","line":14,"column":7,"nodeType":"152","endLine":14,"endColumn":72},{"ruleId":"138","severity":1,"message":"139","line":45,"column":24,"nodeType":"140","messageId":"141","endLine":45,"endColumn":26},{"ruleId":"143","severity":1,"message":"144","line":112,"column":6,"nodeType":"145","endLine":112,"endColumn":8,"suggestions":"153"},{"ruleId":"147","severity":1,"message":"148","line":134,"column":19,"nodeType":"149","endLine":134,"endColumn":34},{"ruleId":"147","severity":1,"message":"148","line":168,"column":17,"nodeType":"149","endLine":168,"endColumn":32},{"ruleId":"147","severity":1,"message":"148","line":200,"column":17,"nodeType":"149","endLine":200,"endColumn":32},{"ruleId":"150","severity":1,"message":"151","line":14,"column":7,"nodeType":"152","endLine":14,"endColumn":72},{"ruleId":"138","severity":1,"message":"139","line":35,"column":36,"nodeType":"140","messageId":"141","endLine":35,"endColumn":38},"no-native-reassign",["154"],"no-negated-in-lhs",["155"],"eqeqeq","Expected '===' and instead saw '=='.","BinaryExpression","unexpected","Expected '!==' and instead saw '!='.","react-hooks/exhaustive-deps","React Hook useEffect has a missing dependency: 'fetchReport'. Either include it or remove the dependency array.","ArrayExpression",["156"],"react/jsx-no-target-blank","Using target=\"_blank\" without rel=\"noreferrer\" is a security risk: see https://html.spec.whatwg.org/multipage/links.html#link-type-noopener","JSXAttribute","jsx-a11y/alt-text","img elements must have an alt prop, either with meaningful text, or an empty string for decorative images.","JSXOpeningElement",["157"],"no-global-assign","no-unsafe-negation",{"desc":"158","fix":"159"},{"desc":"158","fix":"160"},"Update the dependencies array to be: [fetchReport]",{"range":"161","text":"162"},{"range":"163","text":"162"},[3039,3041],"[fetchReport]",[2927,2929]] \ No newline at end of file +[{"D:\\Projects\\git\\year-in-review\\src\\index.js":"1","D:\\Projects\\git\\year-in-review\\src\\App.js":"2","D:\\Projects\\git\\year-in-review\\src\\reportWebVitals.js":"3","D:\\Projects\\git\\year-in-review\\src\\containers\\index.js":"4","D:\\Projects\\git\\year-in-review\\src\\containers\\landing\\index.jsx":"5","D:\\Projects\\git\\year-in-review\\src\\constants\\particles.js":"6","D:\\Projects\\git\\year-in-review\\src\\components\\index.js":"7","D:\\Projects\\git\\year-in-review\\src\\components\\loader\\index.jsx":"8","D:\\Projects\\git\\year-in-review\\src\\components\\landing-header\\index.jsx":"9","D:\\Projects\\git\\year-in-review\\src\\containers\\profile\\index.jsx":"10","D:\\Projects\\git\\year-in-review\\src\\components\\report\\index.jsx":"11","D:\\Projects\\git\\year-in-review\\src\\helpers\\api.js":"12","D:\\Projects\\git\\year-in-review\\src\\helpers\\index.js":"13","D:\\Projects\\git\\year-in-review\\src\\helpers\\useScript.js":"14","D:\\Projects\\git\\github-wrapped\\src\\index.js":"15","D:\\Projects\\git\\github-wrapped\\src\\reportWebVitals.js":"16","D:\\Projects\\git\\github-wrapped\\src\\App.js":"17","D:\\Projects\\git\\github-wrapped\\src\\containers\\index.js":"18","D:\\Projects\\git\\github-wrapped\\src\\containers\\profile\\index.jsx":"19","D:\\Projects\\git\\github-wrapped\\src\\containers\\landing\\index.jsx":"20","D:\\Projects\\git\\github-wrapped\\src\\constants\\particles.js":"21","D:\\Projects\\git\\github-wrapped\\src\\components\\index.js":"22","D:\\Projects\\git\\github-wrapped\\src\\helpers\\index.js":"23","D:\\Projects\\git\\github-wrapped\\src\\components\\report\\index.jsx":"24","D:\\Projects\\git\\github-wrapped\\src\\helpers\\api.js":"25","D:\\Projects\\git\\github-wrapped\\src\\helpers\\useScript.js":"26","D:\\Projects\\git\\github-wrapped\\src\\components\\loader\\index.jsx":"27","D:\\Projects\\git\\github-wrapped\\src\\components\\landing-header\\index.jsx":"28"},{"size":500,"mtime":1608919117782,"results":"29","hashOfConfig":"30"},{"size":484,"mtime":1608842186487,"results":"31","hashOfConfig":"30"},{"size":362,"mtime":1607194323451,"results":"32","hashOfConfig":"30"},{"size":106,"mtime":1608798026093,"results":"33","hashOfConfig":"30"},{"size":1958,"mtime":1608845692886,"results":"34","hashOfConfig":"30"},{"size":2008,"mtime":1608795842988,"results":"35","hashOfConfig":"30"},{"size":185,"mtime":1608850896802,"results":"36","hashOfConfig":"30"},{"size":293,"mtime":1608797644836,"results":"37","hashOfConfig":"30"},{"size":1060,"mtime":1608914906729,"results":"38","hashOfConfig":"30"},{"size":6840,"mtime":1608921096605,"results":"39","hashOfConfig":"30"},{"size":2710,"mtime":1608914897891,"results":"40","hashOfConfig":"30"},{"size":216,"mtime":1608881660683,"results":"41","hashOfConfig":"30"},{"size":82,"mtime":1608883003631,"results":"42","hashOfConfig":"30"},{"size":413,"mtime":1608882992672,"results":"43","hashOfConfig":"30"},{"size":500,"mtime":1608919117782,"results":"44","hashOfConfig":"45"},{"size":362,"mtime":1607194323451,"results":"46","hashOfConfig":"45"},{"size":484,"mtime":1608842186487,"results":"47","hashOfConfig":"45"},{"size":106,"mtime":1608798026093,"results":"48","hashOfConfig":"45"},{"size":6717,"mtime":1608972929134,"results":"49","hashOfConfig":"45"},{"size":1958,"mtime":1608845692886,"results":"50","hashOfConfig":"45"},{"size":2008,"mtime":1608795842988,"results":"51","hashOfConfig":"45"},{"size":185,"mtime":1608850896802,"results":"52","hashOfConfig":"45"},{"size":82,"mtime":1608883003631,"results":"53","hashOfConfig":"45"},{"size":2710,"mtime":1608914897891,"results":"54","hashOfConfig":"45"},{"size":211,"mtime":1608921217033,"results":"55","hashOfConfig":"45"},{"size":413,"mtime":1608882992672,"results":"56","hashOfConfig":"45"},{"size":293,"mtime":1608797644836,"results":"57","hashOfConfig":"45"},{"size":1060,"mtime":1608914906729,"results":"58","hashOfConfig":"45"},{"filePath":"59","messages":"60","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"j1i3eb",{"filePath":"61","messages":"62","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"63"},{"filePath":"64","messages":"65","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"63"},{"filePath":"66","messages":"67","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"63"},{"filePath":"68","messages":"69","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"63"},{"filePath":"70","messages":"71","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"63"},{"filePath":"72","messages":"73","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"63"},{"filePath":"74","messages":"75","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"63"},{"filePath":"76","messages":"77","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"78","usedDeprecatedRules":"63"},{"filePath":"79","messages":"80","errorCount":0,"warningCount":5,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"81","messages":"82","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"83","usedDeprecatedRules":"63"},{"filePath":"84","messages":"85","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"63"},{"filePath":"86","messages":"87","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"63"},{"filePath":"88","messages":"89","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"63"},{"filePath":"90","messages":"91","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"92"},"yya0es",{"filePath":"93","messages":"94","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"92"},{"filePath":"95","messages":"96","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"92"},{"filePath":"97","messages":"98","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"92"},{"filePath":"99","messages":"100","errorCount":0,"warningCount":5,"fixableErrorCount":0,"fixableWarningCount":0,"source":"101","usedDeprecatedRules":"92"},{"filePath":"102","messages":"103","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"92"},{"filePath":"104","messages":"105","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"92"},{"filePath":"106","messages":"107","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"92"},{"filePath":"108","messages":"109","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"92"},{"filePath":"110","messages":"111","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"83","usedDeprecatedRules":"92"},{"filePath":"112","messages":"113","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"92"},{"filePath":"114","messages":"115","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"92"},{"filePath":"116","messages":"117","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"92"},{"filePath":"118","messages":"119","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"78"},"D:\\Projects\\git\\year-in-review\\src\\index.js",[],"D:\\Projects\\git\\year-in-review\\src\\App.js",[],["120","121"],"D:\\Projects\\git\\year-in-review\\src\\reportWebVitals.js",[],"D:\\Projects\\git\\year-in-review\\src\\containers\\index.js",[],"D:\\Projects\\git\\year-in-review\\src\\containers\\landing\\index.jsx",[],"D:\\Projects\\git\\year-in-review\\src\\constants\\particles.js",[],"D:\\Projects\\git\\year-in-review\\src\\components\\index.js",[],"D:\\Projects\\git\\year-in-review\\src\\components\\loader\\index.jsx",[],"D:\\Projects\\git\\year-in-review\\src\\components\\landing-header\\index.jsx",["122"],"import React from \"react\";\r\n\r\nexport default function LandingHeader({\r\n inputHandler,\r\n keyUpHandler,\r\n username\r\n}) {\r\n return (\r\n <>\r\n

GitHub Wrapped

\r\n

2020

\r\n\r\n

\r\n This has been a challenging year for all of us.\r\n

\r\n\r\n

\r\n Let's take a look back at all the contributions\r\n you as an individual\r\n
\r\n made to the open-source community, during these unprecedented times.\r\n

\r\n\r\n \r\n \r\n Press 'Enter' to submit\r\n \r\n \r\n );\r\n}\r\n","D:\\Projects\\git\\year-in-review\\src\\containers\\profile\\index.jsx",["123","124","125","126","127"],"D:\\Projects\\git\\year-in-review\\src\\components\\report\\index.jsx",["128"],"import React from \"react\";\r\nimport \"./style.scss\";\r\n\r\nexport default function Report({ username, commits, stars, pr, issues, reportReference }) {\r\n const dataFormatter = (data) => {\r\n if (data > 1000) {\r\n return `${(data / 1000).toFixed(1)}k`;\r\n }\r\n return `${data}`;\r\n };\r\n\r\n return (\r\n
\r\n \r\n\r\n
\r\n

\r\n {username} 's\r\n

\r\n
\r\n

2020

\r\n

Year in review

\r\n
\r\n\r\n
\r\n
\r\n
\r\n \r\n
\r\n
{dataFormatter(commits)}
\r\n
Commits
\r\n
\r\n
\r\n\r\n
\r\n \r\n
\r\n
{dataFormatter(stars)}
\r\n
Stars
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n
\r\n
{dataFormatter(pr)}
\r\n
Pull Requests
\r\n
\r\n
\r\n\r\n
\r\n \r\n
\r\n
{dataFormatter(issues)}
\r\n
Issues
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n );\r\n}\r\n","D:\\Projects\\git\\year-in-review\\src\\helpers\\api.js",[],"D:\\Projects\\git\\year-in-review\\src\\helpers\\index.js",[],"D:\\Projects\\git\\year-in-review\\src\\helpers\\useScript.js",[],"D:\\Projects\\git\\github-wrapped\\src\\index.js",[],["129","130"],"D:\\Projects\\git\\github-wrapped\\src\\reportWebVitals.js",[],"D:\\Projects\\git\\github-wrapped\\src\\App.js",[],"D:\\Projects\\git\\github-wrapped\\src\\containers\\index.js",[],"D:\\Projects\\git\\github-wrapped\\src\\containers\\profile\\index.jsx",["131","132","133","134","135"],"import React, { useState, useRef, useEffect } from \"react\";\r\n\r\n// Styles\r\nimport \"./style.scss\";\r\n\r\n// Third-Party\r\nimport Particles from \"react-particles-js\";\r\nimport { useParams, useHistory } from \"react-router-dom\";\r\nimport ContentLoader from \"react-content-loader\";\r\nimport ArrowBackIcon from \"@material-ui/icons/ArrowBack\";\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\nimport { TweenMax } from \"gsap\";\r\nimport { YearInReviewReport } from \"../../components\";\r\nimport { getUserReport } from \"../../helpers\";\r\nimport SystemUpdateAltIcon from \"@material-ui/icons/SystemUpdateAlt\";\r\nimport html2canvas from \"html2canvas\";\r\nimport useMediaQuery from \"@material-ui/core/useMediaQuery\";\r\n\r\n// Constants\r\nimport { particleOptions } from \"../../constants/particles\";\r\n\r\nexport default function ProfilePage() {\r\n let { username } = useParams();\r\n const history = useHistory();\r\n const profileRef = useRef();\r\n const card1ref = useRef();\r\n const card2ref = useRef();\r\n const card3ref = useRef();\r\n const reportRef = useRef();\r\n const [loading, setloading] = useState(true);\r\n const [error, setError] = useState(null);\r\n const [report, setReport] = useState(null);\r\n\r\n const backToHome = () => {\r\n TweenMax.to(profileRef.current, 0.75, {\r\n opacity: 0,\r\n });\r\n setTimeout(() => history.push(\"/\"), 1000);\r\n };\r\n const isMobile = useMediaQuery(\"(min-width:720px)\");\r\n\r\n const fetchReport = async () => {\r\n const req = await getUserReport(username);\r\n\r\n if (req.error_code == 1) {\r\n setError(`0xb00${req.error_code}`);\r\n } else {\r\n let _data = req.data;\r\n setReport({\r\n commits: _data.commits,\r\n issues: _data.issues,\r\n pullrequests: _data.pr,\r\n stars: _data.stars,\r\n });\r\n TweenMax.to(card3ref.current, 1, {\r\n opacity: 1,\r\n y: \"0%\",\r\n });\r\n }\r\n setloading(false);\r\n };\r\n\r\n const saveReport = () => {\r\n html2canvas(reportRef.current).then((canvas) => {\r\n var img = canvas.toDataURL();\r\n let a = document.createElement(\"a\");\r\n a.href = img;\r\n a.download = `${username}'s-report.png`;\r\n a.click();\r\n });\r\n };\r\n\r\n // Fade-In Transitions\r\n useEffect(() => {\r\n TweenMax.set(profileRef.current, {\r\n opacity: 0,\r\n });\r\n TweenMax.set(card1ref.current, {\r\n opacity: 0,\r\n y: \"50%\",\r\n });\r\n TweenMax.set(card2ref.current, {\r\n opacity: 0,\r\n y: \"50%\",\r\n });\r\n TweenMax.set(card3ref.current, {\r\n opacity: 0,\r\n y: \"50%\",\r\n });\r\n TweenMax.to(\r\n profileRef.current,\r\n 1,\r\n {\r\n opacity: 1,\r\n },\r\n \"+=1\"\r\n );\r\n setTimeout(() => {\r\n TweenMax.to(card1ref.current, 1, {\r\n opacity: 1,\r\n y: \"0%\",\r\n });\r\n }, 500);\r\n setTimeout(() => {\r\n TweenMax.to(card2ref.current, 1, {\r\n opacity: 1,\r\n y: \"0%\",\r\n });\r\n }, 1000);\r\n\r\n fetchReport();\r\n }, []);\r\n\r\n return (\r\n
\r\n \r\n\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n
Back
\r\n
\r\n
\r\n
\r\n {error != null && (\r\n
\r\n
\r\n

Something went wrong.

({error})\r\n \r\n File an issue\r\n \r\n
\r\n
\r\n )}\r\n {loading && error == null && (\r\n \r\n \r\n \r\n )}\r\n\r\n {!loading && error == null && (\r\n \r\n )}\r\n\r\n
\r\n {report != null && (\r\n \r\n \r\n Share on Twitter\r\n \r\n )}\r\n
\r\n
\r\n
\r\n
\r\n

Did you know?

\r\n

\r\n So far, Over 1.9 Billion+ \r\n commits have been made towards open-source this year.\r\n

\r\n
\r\n\r\n
\r\n

Fun Fact

\r\n

\r\n JavaScript continues to dominate the market by being the most used\r\n language on GitHub.\r\n

\r\n
\r\n cc :{\" \"}\r\n \r\n octoverse.github.com\r\n \r\n
\r\n
\r\n\r\n \r\n

\r\n Save Report\r\n

\r\n
\r\n
\r\n \r\n
\r\n );\r\n}\r\n","D:\\Projects\\git\\github-wrapped\\src\\containers\\landing\\index.jsx",[],"D:\\Projects\\git\\github-wrapped\\src\\constants\\particles.js",[],"D:\\Projects\\git\\github-wrapped\\src\\components\\index.js",[],"D:\\Projects\\git\\github-wrapped\\src\\helpers\\index.js",[],"D:\\Projects\\git\\github-wrapped\\src\\components\\report\\index.jsx",["136"],"D:\\Projects\\git\\github-wrapped\\src\\helpers\\api.js",[],"D:\\Projects\\git\\github-wrapped\\src\\helpers\\useScript.js",[],"D:\\Projects\\git\\github-wrapped\\src\\components\\loader\\index.jsx",[],"D:\\Projects\\git\\github-wrapped\\src\\components\\landing-header\\index.jsx",["137"],{"ruleId":"138","replacedBy":"139"},{"ruleId":"140","replacedBy":"141"},{"ruleId":"142","severity":1,"message":"143","line":35,"column":36,"nodeType":"144","messageId":"145","endLine":35,"endColumn":38},{"ruleId":"142","severity":1,"message":"146","line":46,"column":26,"nodeType":"144","messageId":"145","endLine":46,"endColumn":28},{"ruleId":"147","severity":1,"message":"148","line":119,"column":6,"nodeType":"149","endLine":119,"endColumn":8,"suggestions":"150"},{"ruleId":"151","severity":1,"message":"152","line":141,"column":19,"nodeType":"153","endLine":141,"endColumn":34},{"ruleId":"151","severity":1,"message":"152","line":175,"column":17,"nodeType":"153","endLine":175,"endColumn":32},{"ruleId":"151","severity":1,"message":"152","line":207,"column":17,"nodeType":"153","endLine":207,"endColumn":32},{"ruleId":"154","severity":1,"message":"155","line":14,"column":7,"nodeType":"156","endLine":14,"endColumn":72},{"ruleId":"138","replacedBy":"157"},{"ruleId":"140","replacedBy":"158"},{"ruleId":"142","severity":1,"message":"143","line":45,"column":24,"nodeType":"144","messageId":"145","endLine":45,"endColumn":26},{"ruleId":"147","severity":1,"message":"148","line":112,"column":6,"nodeType":"149","endLine":112,"endColumn":8,"suggestions":"159"},{"ruleId":"151","severity":1,"message":"152","line":134,"column":19,"nodeType":"153","endLine":134,"endColumn":34},{"ruleId":"151","severity":1,"message":"152","line":168,"column":17,"nodeType":"153","endLine":168,"endColumn":32},{"ruleId":"151","severity":1,"message":"152","line":200,"column":17,"nodeType":"153","endLine":200,"endColumn":32},{"ruleId":"154","severity":1,"message":"155","line":14,"column":7,"nodeType":"156","endLine":14,"endColumn":72},{"ruleId":"142","severity":1,"message":"143","line":35,"column":36,"nodeType":"144","messageId":"145","endLine":35,"endColumn":38},"no-native-reassign",["160"],"no-negated-in-lhs",["161"],"eqeqeq","Expected '===' and instead saw '=='.","BinaryExpression","unexpected","Expected '!==' and instead saw '!='.","react-hooks/exhaustive-deps","React Hook useEffect has a missing dependency: 'fetchReport'. Either include it or remove the dependency array.","ArrayExpression",["162"],"react/jsx-no-target-blank","Using target=\"_blank\" without rel=\"noreferrer\" is a security risk: see https://html.spec.whatwg.org/multipage/links.html#link-type-noopener","JSXAttribute","jsx-a11y/alt-text","img elements must have an alt prop, either with meaningful text, or an empty string for decorative images.","JSXOpeningElement",["160"],["161"],["163"],"no-global-assign","no-unsafe-negation",{"desc":"164","fix":"165"},{"desc":"164","fix":"166"},"Update the dependencies array to be: [fetchReport]",{"range":"167","text":"168"},{"range":"169","text":"168"},[3039,3041],"[fetchReport]",[2927,2929]] \ No newline at end of file diff --git a/src/containers/landing/style.scss b/src/containers/landing/style.scss index 39ac85b..de3f740 100644 --- a/src/containers/landing/style.scss +++ b/src/containers/landing/style.scss @@ -72,6 +72,11 @@ display: block; width: 50%; + + @media screen and (max-height: 720px) { + width: 40%; + } + @media screen and (max-width: 480px) { width: 75%; } @@ -80,6 +85,8 @@ width: 100%; } + + } }