wednesday-solutions · anasnadeemws · Sep 20, 2024 · Sep 20, 2024 · coderabbitai · Sep 20, 2024
diff --git a/.gitignore b/.gitignore
@@ -14,6 +14,8 @@
 /.swc/
 /analyze/
 
+# yarn
+/.yarn/*
 
 # production
 /build

diff --git a/.yarnrc.yml b/.yarnrc.yml
@@ -0,0 +1 @@
+nodeLinker: node-modules
diff --git a/eslint.config.mjs b/eslint.config.mjs
@@ -30,6 +30,7 @@ export default [
       "*.setup.js",
       "*.config.js",
       "lighthouserc.js",
+      "coverage/",
     ],
   },
 ];
diff --git a/package.json b/package.json
@@ -52,11 +52,11 @@
     "@emotion/jest": "^11.13.0",
     "@emotion/server": "^11.11.0",
     "@eslint/eslintrc": "^3.1.0",
-    "eslint-config-prettier": "^9.1.0",
     "@eslint/js": "^9.9.1",
     "@lingui/cli": "^4.11.3",
     "@lingui/loader": "^4.11.3",
     "@lingui/swc-plugin": "^4.0.8",
+    "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.5.0",
     "@testing-library/react": "^16.0.0",
     "@types/isomorphic-fetch": "^0.0.39",
@@ -80,6 +80,7 @@
     "babel-plugin-typescript-to-proptypes": "^2.0.0",
     "eslint": "^9.9.1",
     "eslint-config-next": "^14.2.7",
+    "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.2.1",
     "eslint-plugin-react": "^7.35.0",
     "eslint-plugin-security": "^3.0.1",

diff --git a/src/common/ErrorBoundary/index.tsx b/src/common/ErrorBoundary/index.tsx
@@ -6,11 +6,17 @@
 
 import { Trans } from "@lingui/macro";
 import React, { ReactElement } from "react";
+import PropTypes from "prop-types";
+
 
 class ErrorBoundary extends React.Component<
   { children: ReactElement },
   { hasError: boolean; error: Error | null }
 > {
+  static propTypes = {
+    children: PropTypes.element.isRequired,
+  };
+
-  static propTypes = {
-    children: PropTypes.element.isRequired,
-  };
+  static readonly propTypes = {
+    children: PropTypes.element.isRequired,
+  };
+
-  static propTypes = {
-    children: PropTypes.element.isRequired,
-  };
+  static readonly propTypes = {
+    children: PropTypes.element.isRequired,
+  };
+
   constructor(props) {
     super(props);
     this.state = { hasError: false, error: null };

diff --git a/src/common/If/index.tsx b/src/common/If/index.tsx
@@ -1,3 +1,4 @@
+import React from "react";
 import { ReactNode } from "react";
 
 interface IfProps {
@@ -7,7 +8,7 @@
 }

 const If: React.FC<IfProps> = props => {
  return <>{props.condition ? props.children : props.otherwise}</>;
 };

 export default If;
diff --git a/src/common/Meta/index.tsx b/src/common/Meta/index.tsx
@@ -6,6 +6,7 @@
 
 import Head from "next/head";
 import React, { memo } from "react";
+import PropTypes from "prop-types";
 
 const Meta = ({ title, description }) => {
   return (
@@ -17,4 +18,9 @@ const Meta = ({ title, description }) => {
   );
 };
 
+Meta.propTypes = {
+  title: PropTypes.string.isRequired,
+  description: PropTypes.string.isRequired,
+};
+
 export default memo(Meta);
diff --git a/src/common/T/index.tsx b/src/common/T/index.tsx
@@ -3,7 +3,7 @@
  * T
  *
  */
-
+import React from "react";
 import { Typography, TypographyProps } from "@mui/material";
 
 export type TProps = TypographyProps & {

diff --git a/src/common/T/tests/__snapshots__/index.test.tsx.snap b/src/common/T/tests/__snapshots__/index.test.tsx.snap
@@ -12,7 +12,7 @@ exports[`<T /> should render and match the snapshot 1`] = `
 <body>
   <div>
     <p
-      class="MuiTypography-root MuiTypography-body1 emotion-0"
+      class="MuiTypography-root MuiTypography-body1  emotion-0"
       data-testid="t"
     >
       Hello World

diff --git a/src/features/info/components/ErrorState/index.tsx b/src/features/info/components/ErrorState/index.tsx
@@ -1,17 +1,18 @@
+import React from "react";
 import { AlignCenter } from "@common/styled";
 import { Trans } from "@lingui/macro";
 import { styled } from "@mui/material/styles";
 
-const Error = styled("div")(({ theme }) => ({
+const ErrorComponent = styled("div")(({ theme }) => ({
   color: theme.palette.error.main,
 }));
 
 const ErrorState = () => {
   return (
     <AlignCenter>
-      <Error>
+      <ErrorComponent>
         <Trans>Something Went Wrong</Trans>
-      </Error>
+      </ErrorComponent>
     </AlignCenter>
   );
 };

diff --git a/src/features/repos/components/ErrorState/tests/__snapshots__/index.test.tsx.snap b/src/features/repos/components/ErrorState/tests/__snapshots__/index.test.tsx.snap
@@ -37,18 +37,18 @@ exports[`<ErrorState /> should render and match the snapshot 1`] = `
 <body>
   <div>
     <div
-      class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded MuiCard-root emotion-0"
+      class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded  MuiCard-root  emotion-0"
       color="#f44336"
       data-testid="error-state"
     >
       <h6
-        class="MuiTypography-root MuiTypography-subtitle2 emotion-1"
+        class="MuiTypography-root MuiTypography-subtitle2  emotion-1"
         data-testid="t"
       >
         Repository List
       </h6>
       <p
-        class="MuiTypography-root MuiTypography-body1 emotion-2"
+        class="MuiTypography-root MuiTypography-body1  emotion-2"
         data-testid="t"
       >
         Internal Service Error

diff --git a/src/features/repos/components/RepoItem/index.tsx b/src/features/repos/components/RepoItem/index.tsx
@@ -1,3 +1,4 @@
+import React from "react";
 import { CustomCard, T } from "@app/common";
 import { Trans } from "@lingui/macro";
 import { useRouter } from "next/router";

diff --git a/src/features/repos/components/RepoList/tests/__snapshots__/index.test.tsx.snap b/src/features/repos/components/RepoList/tests/__snapshots__/index.test.tsx.snap
@@ -34,9 +34,10 @@ exports[`<RepoList /> should render and match the snapshot 1`] = `
 .emotion-1 {
   display: block;
   background-color: rgba(0, 0, 0, 0.11);
-  height: auto;
+  height: 1.2em;
   margin-top: 0;
   margin-bottom: 0;
+  height: auto;
   transform-origin: 0 55%;
   -webkit-transform: scale(1, 0.60);
   -moz-transform: scale(1, 0.60);
@@ -82,46 +83,46 @@ exports[`<RepoList /> should render and match the snapshot 1`] = `
 <body>
   <div>
     <div
-      class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded MuiCard-root emotion-0"
+      class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded  MuiCard-root  emotion-0"
       data-testid="repo-list"
     >
       <span
-        class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse emotion-1"
+        class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse  emotion-1"
       />
       <div>
         <p
-          class="MuiTypography-root MuiTypography-body1 emotion-2"
+          class="MuiTypography-root MuiTypography-body1  emotion-2"
           data-testid="t"
         >
           Search query: Nextjs Bulletproof Template
         </p>
         <p
-          class="MuiTypography-root MuiTypography-body1 emotion-3"
+          class="MuiTypography-root MuiTypography-body1  emotion-3"
           data-testid="t"
         >
           Total number of matching repos: 1
         </p>
         <hr
-          class="MuiDivider-root MuiDivider-fullWidth emotion-4"
+          class="MuiDivider-root MuiDivider-fullWidth  emotion-4"
         />
         <div
-          class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded MuiCard-root emotion-0"
+          class="MuiPaper-root MuiPaper-outlined MuiPaper-rounded  MuiCard-root  emotion-0"
         >
           Nextjs Bulletproof
           <p
-            class="MuiTypography-root MuiTypography-body1 emotion-2"
+            class="MuiTypography-root MuiTypography-body1  emotion-2"
             data-testid="t"
           >
             Repository Name: Nextjs Bulletproof
           </p>
           <p
-            class="MuiTypography-root MuiTypography-body1 emotion-2"
+            class="MuiTypography-root MuiTypography-body1  emotion-2"
             data-testid="t"
           >
             Repository full name: Nextjs Bulletproof Template
           </p>
           <p
-            class="MuiTypography-root MuiTypography-body1 emotion-2"
+            class="MuiTypography-root MuiTypography-body1  emotion-2"
             data-testid="t"
           >
             Repository stars: 100

diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
@@ -1,3 +1,4 @@
+import React from "react";
 import "../styles/globals.css";
 import type { AppProps } from "next/app";
 import { ErrorBoundary } from "@common";

diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
@@ -1,3 +1,4 @@
+import React from "react";
 import {
   DocumentHeadTags,
   DocumentHeadTagsProps,

diff --git a/src/pages/_offline.tsx b/src/pages/_offline.tsx
@@ -1,3 +1,4 @@
+import React from "react";
 import { Container, T } from "@common";
 import { Trans } from "@lingui/macro";
 

diff --git a/src/pages/info/[slug].tsx b/src/pages/info/[slug].tsx
@@ -1,3 +1,4 @@
+import React from "react";
 import { loadCatalog } from "@app/utils/linguiUtils";
 import { Info } from "@features/info";
 import { repoInfoApi } from "@features/info/api/getRepoInfo";

diff --git a/src/translations/en.po b/src/translations/en.po
@@ -37,23 +37,23 @@ msgstr "No records found"
 msgid "Recommendation"
 msgstr "Recommendation"
 
-#: src/features/repos/components/RepoItem/index.tsx:24
+#: src/features/repos/components/RepoItem/index.tsx:25
 msgid "Repository full name: {0}"
 msgstr "Repository full name: {0}"
 
-#: src/features/repos/components/ErrorState/index.tsx:30
+#: src/features/repos/components/ErrorState/index.tsx:33
 msgid "Repository List"
 msgstr "Repository List"
 
-#: src/features/repos/components/RepoItem/index.tsx:21
+#: src/features/repos/components/RepoItem/index.tsx:22
 msgid "Repository Name: {0}"
 msgstr "Repository Name: {0}"
 
 #: src/containers/Repos/index.tsx:91
 msgid "Repository Search"
 msgstr "Repository Search"
 
-#: src/features/repos/components/RepoItem/index.tsx:27
+#: src/features/repos/components/RepoItem/index.tsx:28
 msgid "Repository stars: {0}"
 msgstr "Repository stars: {0}"
 
@@ -65,8 +65,8 @@ msgstr "Search Default"
 msgid "Search query: {repoName}"
 msgstr "Search query: {repoName}"
 
-#: src/common/ErrorBoundary/index.tsx:33
-#: src/features/info/components/ErrorState/index.tsx:13
+#: src/common/ErrorBoundary/index.tsx:32
+#: src/features/info/components/ErrorState/index.tsx:14
 msgid "Something Went Wrong"
 msgstr "Something Went Wrong"
 
@@ -82,6 +82,6 @@ msgstr "Total number of matching repos: {totalCount}"
 msgid "Watchers: {watchers}"
 msgstr "Watchers: {watchers}"
 
-#: src/pages/_offline.tsx:7
+#: src/pages/_offline.tsx:8
 msgid "You are Offline!"
 msgstr "You are Offline!"
diff --git a/src/translations/hi.po b/src/translations/hi.po
@@ -37,23 +37,23 @@ msgstr "कोई रिकॉर्ड नहीं मिला"
 msgid "Recommendation"
 msgstr "सिफारिश"
 
-#: src/features/repos/components/RepoItem/index.tsx:24
+#: src/features/repos/components/RepoItem/index.tsx:25
 msgid "Repository full name: {0}"
 msgstr "रिपॉज़िटरी पूरा नाम: {0}"
 
-#: src/features/repos/components/ErrorState/index.tsx:30
+#: src/features/repos/components/ErrorState/index.tsx:33
 msgid "Repository List"
 msgstr "रिपॉज़िटरी सूची"
 
-#: src/features/repos/components/RepoItem/index.tsx:21
+#: src/features/repos/components/RepoItem/index.tsx:22
 msgid "Repository Name: {0}"
 msgstr "रिपॉज़िटरी का नाम: {0}"
 
 #: src/containers/Repos/index.tsx:91
 msgid "Repository Search"
 msgstr "रिपॉज़िटरी खोज"
 
-#: src/features/repos/components/RepoItem/index.tsx:27
+#: src/features/repos/components/RepoItem/index.tsx:28
 msgid "Repository stars: {0}"
 msgstr "रिपॉज़िटरी तारे: {0}"
 
@@ -65,8 +65,8 @@ msgstr "डिफ़ॉल्ट खोज"
 msgid "Search query: {repoName}"
 msgstr "खोज क्वेरी: {repoName}"
 
-#: src/common/ErrorBoundary/index.tsx:33
-#: src/features/info/components/ErrorState/index.tsx:13
+#: src/common/ErrorBoundary/index.tsx:32
+#: src/features/info/components/ErrorState/index.tsx:14
 msgid "Something Went Wrong"
 msgstr "कुछ गलत हो गया"
 
@@ -82,6 +82,6 @@ msgstr "मिलती रिपॉज़िटरी की कुल सं
 msgid "Watchers: {watchers}"
 msgstr "नजरदार: {watchers}"
 
-#: src/pages/_offline.tsx:7
+#: src/pages/_offline.tsx:8
 msgid "You are Offline!"
 msgstr "आप ऑफ़लाइन हैं!"