From 8611c00ffd8e5aaf46f88370e164dc0381e84b83 Mon Sep 17 00:00:00 2001
From: William Grant <willmgrant@gmail.com>
Date: Fri, 5 Jul 2024 12:29:02 +1000
Subject: [PATCH] chore: added vscode snippets for defining react classes

---
 apps/staking/.vscode/snippets.code-snippets | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 apps/staking/.vscode/snippets.code-snippets

diff --git a/apps/staking/.vscode/snippets.code-snippets b/apps/staking/.vscode/snippets.code-snippets
new file mode 100644
index 00000000..276ff6ba
--- /dev/null
+++ b/apps/staking/.vscode/snippets.code-snippets
@@ -0,0 +1,20 @@
+{
+  // Place your session-website workspace snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and
+  // description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope
+  // is left empty or omitted, the snippet gets applied to all languages. The prefix is what is
+  // used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
+  // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders.
+  // Placeholders with the same ids are connected.
+  "cn Class Definition": {
+    "scope": "typescriptreact",
+    "prefix": ["cl", "class"],
+    "body": ["className={cn('$0')}"],
+    "description": "Define classes using cn package",
+  },
+  "cn to existing Class Definition": {
+    "scope": "typescriptreact",
+    "prefix": ["cn"],
+    "body": ["cn($0'')"],
+    "description": "Define classes using cn package when className is already defined",
+  },
+}