From 10ba076c752ce1114567d183b927c5fbdff91acc Mon Sep 17 00:00:00 2001
From: Hugo Bernier <hugoabernier#live.ca>
Date: Sun, 13 Oct 2024 21:49:28 -0400
Subject: [PATCH] Fixed casing, added sample.json

---
 .../assets/sample.json                        | 58 +++++++++++++++++++
 .../components/QuickCreateButton.tsx          |  2 +-
 2 files changed, 59 insertions(+), 1 deletion(-)
 create mode 100644 samples/react-application-quick-create/assets/sample.json

diff --git a/samples/react-application-quick-create/assets/sample.json b/samples/react-application-quick-create/assets/sample.json
new file mode 100644
index 000000000..1f1232916
--- /dev/null
+++ b/samples/react-application-quick-create/assets/sample.json
@@ -0,0 +1,58 @@
+[
+    {
+        "name": "pnp-sp-dev-spfx-extensions-react-application-quick-create",
+        "source": "pnp",
+        "title": "Application Customizer Quick Create",
+        "shortDescription": "Injects a button to the command bar which shows all the lists in the site and have the ability to quickly create an item by showing the NewForm.aspx inside a panel.",
+        "url": "https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/react-application-quick-create",
+        "longDescription": [
+            "SharePoint Framework Application Customizer that injects a button to the command bar which shows all the lists in the site and have the ability to quickly create an item by showing the NewForm.aspx inside a panel. Inspired by Quick Create functionality by popular CRMs."
+        ],
+        "creationDateTime": "2023-12-25",
+        "updateDateTime": "2024-09-30",
+        "products": [
+            "SharePoint"
+        ],
+        "metadata": [
+            {
+                "key": "CLIENT-SIDE-DEV",
+                "value": "React"
+            },
+            {
+                "key": "SPFX-VERSION",
+                "value": "1.18.2"
+            }
+        ],
+        "tags": [],
+        "categories": [
+            "SPFX-APPLICATION-EXTENSION"
+        ],
+        "thumbnails": [
+            {
+                "type": "image",
+                "order": 100,
+                "url": "https://github.com/pnp/sp-dev-fx-extensions/raw/main/samples/react-application-quick-create/assets/QuickCreateDemo.gif",
+                "alt": "Preview"
+            }
+        ],
+        "authors": [
+            {
+                "gitHubAccount": "alecwantstobattle",
+                "pictureUrl": "https://github.com/alecwantstobattle.png",
+                "name": "Alec Tecson"
+            }
+        ],
+        "references": [
+            {
+                "name": "Overview of SharePoint Framework Extensions",
+                "description": "You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.",
+                "url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/overview-extensions?WT.mc_id=m365-15741-cxa"
+            },
+            {
+                "name": "Use page placeholders from Application Customizer",
+                "description": "Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.",
+                "url": "https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions?WT.mc_id=m365-15741-cxa"
+            }
+        ]
+    }
+]
\ No newline at end of file
diff --git a/samples/react-application-quick-create/src/extensions/quickCreate/components/QuickCreateButton.tsx b/samples/react-application-quick-create/src/extensions/quickCreate/components/QuickCreateButton.tsx
index 6d3f4c05c..725b6198e 100644
--- a/samples/react-application-quick-create/src/extensions/quickCreate/components/QuickCreateButton.tsx
+++ b/samples/react-application-quick-create/src/extensions/quickCreate/components/QuickCreateButton.tsx
@@ -11,7 +11,7 @@ import { ApplicationCustomizerContext } from "@microsoft/sp-application-base";
 import { useBoolean } from "@fluentui/react-hooks";
 
 import { iconProps, panelProps } from "./QuickCreateButton.styles";
-import styles from "./QUickCreateButton.module.scss";
+import styles from "./QuickCreateButton.module.scss";
 
 const QuickCreateButton: React.FC<{ context: ApplicationCustomizerContext }> = (
   props