From 3f88ae9d0aae8eaf39b68b309b467f37ff2c6655 Mon Sep 17 00:00:00 2001
From: Divyanshi Gupta <divyanshigupta3295@gmail.com>
Date: Thu, 19 Jan 2023 22:15:19 +0530
Subject: [PATCH] Fix usage examples

Signed-off-by: Divyanshi Gupta <divyanshigupta3295@gmail.com>
---
 .changeset/shiny-years-tap.md   |  5 +++++
 plugins/github-issues/README.md | 16 ++++++++--------
 2 files changed, 13 insertions(+), 8 deletions(-)
 create mode 100644 .changeset/shiny-years-tap.md

diff --git a/.changeset/shiny-years-tap.md b/.changeset/shiny-years-tap.md
new file mode 100644
index 0000000000..d0d0c14c0a
--- /dev/null
+++ b/.changeset/shiny-years-tap.md
@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-github-issues': patch
+---
+
+Updated README.md examples to use correct components and fixed some syntax errors.
diff --git a/plugins/github-issues/README.md b/plugins/github-issues/README.md
index d35f2c5d3f..f6b383bfcc 100644
--- a/plugins/github-issues/README.md
+++ b/plugins/github-issues/README.md
@@ -25,8 +25,8 @@ After installation, the plugin can be used as a Card or as a Page.
 
 ```typescript
 import {
-  GitHubIssuesCard,
-  GitHubIssuesPage,
+  GithubIssuesCard,
+  GithubIssuesPage,
 } from '@backstage/plugin-github-issues';
 
 // To use as a page Plugin needs to be wrapped in EntityLayout.Route
@@ -34,9 +34,9 @@ const RenderGitHubIssuesPage = () => (
   <EntityLayoutWrapper>
     <EntityLayout.Route path="/" title="Overview">
       <EntityLayout.Route path="github-issues" title="GitHub Issues">
-        <GitHubIssuesPage />
+        <GithubIssuesPage />
       </EntityLayout.Route>
-    <EntityLayout.Route />
+    </EntityLayout.Route>
   </EntityLayoutWrapper>
 );
 
@@ -46,17 +46,17 @@ const RenderGitHubIssuesCard = () => (
     <EntityLayout.Route path="/" title="Overview">
       <Grid container spacing={3}>
         <Grid item xs={12}>
-          <GitHubIssuesCard />
+          <GithubIssuesCard />
         </Grid>
       </Grid>
-    <EntityLayout.Route />
+    </EntityLayout.Route>
   </EntityLayoutWrapper>
 );
 ```
 
 ## Configuration
 
-Both `GitHubIssuesPage` and `GitHubIssuesCard` provide default configuration. It is ready to use out of the box.
+Both `GithubIssuesPage` and `GithubIssuesCard` provide default configuration. It is ready to use out of the box.
 However, you can configure the plugin with props:
 
 - `itemsPerPage: number = 10` - Issues in the list are paginated, number of issues on a single page is controlled with this prop
@@ -67,7 +67,7 @@ However, you can configure the plugin with props:
 ### `filterBy` and `orderBy` example
 
 ```ts
-<GitHubIssuesCard
+<GithubIssuesCard
   filterBy={{
     labels: ['bug', 'enhancement'],
     states: ['OPEN'],