Fixing TSC and Quality issues for next release

Signed-off-by: NishkarshRaj <[email protected]>

Author: NishkarshRaj

.gitignore

@@ -106,4 +106,4 @@ dist
 dist
 dist-types
 
-.yarn
+.yarn

.pre-commit-config.yaml

@@ -0,0 +1,8 @@
+repos:
+  - repo: https://github.com/pre-commit/pre-commit-hooks
+    rev: v4.3.0
+    hooks:
+      - id: check-merge-conflict
+      - id: trailing-whitespace
+      - id: end-of-file-fixer
+      - id: check-docstring-first

README.md

@@ -1,22 +1,27 @@
-# GitHub Homepage Cards for Backstage Enterprise
+## GitHub Homepage Cards for Backstage Enterprise
 
-This plugin is contributed by Statusneo. <br/>
 <img src="https://raw.githubusercontent.com/StatusNeo/backstage-plugin-github/main/src/assets/statusneo.png"/> <br/>
-To read more about this plugin please read this [blog](https://statusneo.com/23468-2).
 
-# Setup
+To know more about the plugin, read this [blog](https://statusneo.com/23468-2).
+
+### Setup
+
 Before you can start using the GitHub cards, you must set up a GitHub provider.
-You can follow this page which will guide you through the process of setting up the GitHub provider for your backstage instance.
-[Setup GitHub Provider](https://backstage.io/docs/auth/github/provider/)
+
+You can follow this [documentation](https://backstage.io/docs/auth/github/provider/) which will guide you through the process of setting up the GitHub provider for your Backstage instance.
 
 Now in the below steps, I will assume you are already done with the provider.
-## Integration Steps
-1. First Install the Github cards plugin by running this command from the root of the package.
+
+### Integration Steps
+
+1. First Install the GitHub cards plugin by running this command from the root of the package.
+
 ```shell
 yarn add –cwd packages/app @statusneo/backstage-plugin-github
 ```
 
-2. Import GithubPullRequestsCard, and GithubActionsCard from the installed package
+2. Import `GithubPullRequestsCard`, and `GithubActionsCard` from the installed package.
+
 3. You can then use these components at the backstage frontend wherever you need.
 
 ```javascript
@@ -32,4 +37,4 @@ import { GithubPullRequestsCard, GithubActionsCard } from '@statusneo/backstage-
 // ...
 ```
 
-Now you are ready to use this backstage GitHub plugin to make your software management and development cycle a little more hassle-free.
+Now you are ready to use this Backstage GitHub plugin to make your software management and development cycle a little more hassle-free.

src/api/GithubClient.ts

@@ -86,7 +86,7 @@ export class GithubClient implements GithubApi {
     return this.get<UserRepositoryApiResponse>(
       `/user/repos`,
       params,
-    );  
+    );
   }
 
 }

src/assets/github.svg

@@ -149,6 +149,7 @@ export function CustomTable<T extends object = {}>(props: CustomTableProps<T>) {
             />
           );
         },
+        // @ts-ignore
         Header: headerProps => <StyledMTableHeader {...headerProps} />,
       }}
       detailPanel={props.detailPanel}

src/components/CustomTable/CustomTable.tsx

@@ -1 +1 @@
-export * from "./CustomTable"
+export * from "./CustomTable"

src/components/CustomTable/index.ts

@@ -88,7 +88,7 @@ export function ActionDetailPanel({ rowData }: { rowData: WorkflowRun }) {
           <Tab label={job.name} id={job.id} value={job.id} />
         ))}
       </Tabs>
-      <Paper 
+      <Paper
       classes={{
         root: classes.timelineContainer
       }}

src/components/GithubActionsCard/ActionDetailPanel.tsx

@@ -1 +1 @@
-export * from './GithubActionsCard'
+export * from './GithubActionsCard'

src/components/GithubActionsCard/index.ts

@@ -24,7 +24,9 @@ type Props = {
 
 export const SignInContent = ({ handleAuthClick }: Props) => {
   return (
+    // @ts-ignore
     <Box position="relative" height="100%" width="100%" minHeight={100}>
+      // @ts-ignore
       <Box
         height="100%"
         width="100%"
@@ -41,7 +43,7 @@ export const SignInContent = ({ handleAuthClick }: Props) => {
           onClick={handleAuthClick}
           size="large"
         >
-          Sign in
+          Sign In
         </Button>
       </Box>
     </Box>