From 788afefcf332ea2817c8f2859599894a58d6de5f Mon Sep 17 00:00:00 2001
From: AmbrishRamachandiran <ambrish.r@infosys.com>
Date: Thu, 27 Jul 2023 15:54:27 +0530
Subject: [PATCH] Limit the use of the same shortcut name when adding a
 shortcut

Signed-off-by: AmbrishRamachandiran <ambrish.r@infosys.com>
---
 plugins/shortcuts/src/ShortcutForm.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/plugins/shortcuts/src/ShortcutForm.tsx b/plugins/shortcuts/src/ShortcutForm.tsx
index 2b5aae52d9..891739f299 100644
--- a/plugins/shortcuts/src/ShortcutForm.tsx
+++ b/plugins/shortcuts/src/ShortcutForm.tsx
@@ -24,7 +24,8 @@ import {
   TextField,
 } from '@material-ui/core';
 import { FormValues } from './types';
-import { ShortcutApi } from './api';
+import { shortcutsApiRef } from './api';
+import { useApi } from '@backstage/core-plugin-api';
 
 const useStyles = makeStyles(theme => ({
   field: {
@@ -40,7 +41,7 @@ const useStyles = makeStyles(theme => ({
 type Props = {
   formValues?: FormValues;
   onSave: SubmitHandler<FormValues>;
-  api: ShortcutApi;
+  // api: ShortcutApi;
   onClose: () => void;
   allowExternalLinks?: boolean;
 };
@@ -48,12 +49,13 @@ type Props = {
 export const ShortcutForm = ({
   formValues,
   onSave,
-  api,
+  // api,
   onClose,
   allowExternalLinks,
 }: Props) => {
   const classes = useStyles();
-  const shortcutData = api.get();
+  const shortcutApi = useApi(shortcutsApiRef);
+  const shortcutData = shortcutApi.get();
   const {
     handleSubmit,
     reset,