Allow for Component Token Overrides.

Signed-off-by: Dave Richer <dave@imexsystems.ca>

client/src/components/shop-template-add/shop-template-add.component.jsx

@@ -69,19 +69,27 @@ export function ShopTemplateAddComponent({
   };
   const TemplateListGenerated = TemplateList();
   const menu = (
-    <Menu onClick={handleAdd}>
-      {availableTemplateKeys.length > 0 ? (
-        availableTemplateKeys.map((tkey) => (
-          <Menu.Item key={tkey}>{TemplateListGenerated[tkey].title}</Menu.Item>
-        ))
-      ) : (
-        <div>{t("bodyshop.labels.notemplatesavailable")}</div>
-      )}
-    </Menu>
+    <Menu
+      onClick={handleAdd}
+      items={
+        availableTemplateKeys.length > 0
+          ? availableTemplateKeys.map((tkey) => ({
+              key: tkey,
+              label: TemplateListGenerated[tkey].title,
+            }))
+          : [
+              {
+                key: "no-templates",
+                label: t("bodyshop.labels.notemplatesavailable"),
+                disabled: true,
+              },
+            ]
+      }
+    />
   );
 
   return (
-    <Dropdown overlay={menu}>
+    <Dropdown menu={menu}>
       <span>
         {t("bodyshop.actions.addtemplate")} <DownOutlined />
       </span>