create-bdpa-react-scaffold 1.7.2 → 1.7.4

package/create-ui-lib.js

@@ -481,6 +481,17 @@ function Dashboard() {
         {/* Page content */}
         <div className="p-6 space-y-6 overflow-auto">
 
+          {/* BDPA Logo Section */}
+          <Card className="text-center">
+            <img 
+              src="/src/assets/images/BDPA_edited.avif" 
+              alt="BDPA Logo" 
+              className="h-32 mx-auto mb-4"
+            />
+            <h1 className="text-3xl font-bold text-blue-600">Welcome to BDPA</h1>
+            <p className="text-gray-600 mt-2">Black Data Professionals Association</p>
+          </Card>
+
           <Tabs tabs={tabs} />
 
           <div className="grid md:grid-cols-2 gap-6">
@@ -738,15 +749,51 @@ export default function Table({ columns, data }) {
 `);
 
 write("src/components/ui/Navbar.jsx", `
-import { Menu } from "lucide-react";
+import { Menu, ChevronDown } from "lucide-react";
+import { useState } from "react";
 
 export default function Navbar({ onMenuClick }) {
+  const [dropdownOpen, setDropdownOpen] = useState(false);
+
+  const dropdownItems = [
+    { label: "Profile", href: "#" },
+    { label: "Settings", href: "#" },
+    { label: "Help", href: "#" },
+    { label: "Feedback", href: "#" },
+    { label: "Logout", href: "#" }
+  ];
+
   return (
     <nav className="bg-white border-b border-gray-200 px-4 py-3 flex items-center justify-between">
       <button className="md:hidden" onClick={onMenuClick}>
         <Menu />
       </button>
       <h1 className="text-xl font-bold">BDPA React Scaffold and Demo</h1>
+      
+      {/* Dropdown Menu */}
+      <div className="relative">
+        <button
+          onClick={() => setDropdownOpen(!dropdownOpen)}
+          className="flex items-center gap-2 px-3 py-2 rounded hover:bg-gray-100"
+        >
+          Menu
+          <ChevronDown size={18} />
+        </button>
+        
+        {dropdownOpen && (
+          <div className="absolute right-0 mt-2 w-48 bg-white border border-gray-200 rounded-lg shadow-lg z-50">
+            {dropdownItems.map((item, index) => (
+              <a
+                key={index}
+                href={item.href}
+                className="block px-4 py-2 hover:bg-gray-100 first:rounded-t-lg last:rounded-b-lg"
+              >
+                {item.label}
+              </a>
+            ))}
+          </div>
+        )}
+      </div>
     </nav>
   );
 }
@@ -1106,7 +1153,17 @@ console.log("  3. Open http://localhost:3000 in your browser\n");
 
 // Create assets folder structure
 fs.mkdirSync(path.join(BASE_DIR, "src/assets/images"), { recursive: true });
-console.log("✔ Created: src/assets/images\n");
+console.log("✔ Created: src/assets/images");
+
+// Copy BDPA logo image
+const bdpaImagePath = path.join(__dirname, "BDPA_edited.avif");
+const bdpaDestPath = path.join(BASE_DIR, "src/assets/images/BDPA_edited.avif");
+if (fs.existsSync(bdpaImagePath)) {
+  fs.copyFileSync(bdpaImagePath, bdpaDestPath);
+  console.log("✔ Copied: src/assets/images/BDPA_edited.avif\n");
+} else {
+  console.log("⚠ Warning: BDPA_edited.avif not found in package\n");
+}
 
 if (doInstall) {
   installDependencies(packageManager, BASE_DIR);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-bdpa-react-scaffold",
-  "version": "1.7.2",
+  "version": "1.7.4",
   
   "description": "Scaffold a React + Tailwind UI library demo via Vite.",
   "bin": {
@@ -8,7 +8,8 @@
   },
   "files": [
     "create-ui-lib.js",
-    "README.md"
+    "README.md",
+    "BDPA_edited.avif"
   ],
   "keywords": [
     "create",