Luxe Fan Artistry

Exquisite Hand-Crafted Fans

\n Home\n Categories\n About Us\n Contact\n \n

\n \n {!selectedCategory && (\n

Our Categories

\n {categories.map(category => (\n

handleCategoryClick(category)}\n >\n

{category.name}

{category.description}

\n ))}\n

\n \n ) : (\n <>\n \n

{selectedCategory.name} Collection

\n {products\n .filter(p => p.category === selectedCategory.name)\n .map(product => (\n

\n {product.imageUrl &&

}\n

\n \n \n

{product.name}

{product.description}

Price: ${product.price.toFixed(2)}

\n ))}\n

\n \n )}\n

\n\n {/* Product Modal */}\n {isAddProductModalOpen && (\n

{editingProduct ? 'Edit Product' : 'Add New Product'}

{\n e.preventDefault();\n const formData = new FormData(e.currentTarget);\n handleSaveProduct({\n name: formData.get('name') as string,\n category: formData.get('category') as string,\n price: parseFloat(formData.get('price') as string),\n description: formData.get('description') as string,\n imageUrl: formData.get('imageUrl') as string\n });\n }}>\n

\n Name\n \n

\n Category\n \n

\n Price\n \n

\n Description\n

\n              </div>\n              <div className=\"form-group\">\n                <label>Image URL</label>\n                <input \n                  type=\"url\" \n                  name=\"imageUrl\" \n                  defaultValue={editingProduct?.imageUrl || ''} \n                />\n              </div>\n              <button type=\"submit\" className=\"add-button\">\n                {editingProduct ? 'Update Product' : 'Add Product'}\n              </button>\n              <button \n                type=\"button\" \n                onClick={() => {\n                  setIsAddProductModalOpen(false);\n                  setEditingProduct(null);\n                }}\n                className=\"add-button\"\n                style={{ marginLeft: '10px', backgroundColor: '#888' }}\n              >\n                Cancel\n              </button>\n            </form>\n          </div>\n        </div>\n      )}\n\n      {/* WhatsApp Chat Button */}\n      <a \n        href=\"https://wa.me/YOUR_PHONE_NUMBER\" \n        target=\"_blank\" \n        rel=\"noopener noreferrer\" \n        className=\"whatsapp-button\"\n      >\n        💬 Chat on WhatsApp\n      </a>\n\n      {/* Footer with Social Media Icons */}\n      <div className=\"footer\">\n        <div className=\"social-icons\">\n          <a href=\"https://x.com/YourXHandle\" target=\"_blank\" rel=\"noopener noreferrer\">𝕏</a>\n          <a href=\"https://facebook.com/YourFacebookPage\" target=\"_blank\" rel=\"noopener noreferrer\">𝐟</a>\n          <a href=\"https://instagram.com/YourInstagramHandle\" target=\"_blank\" rel=\"noopener noreferrer\">📸</a>\n        </div>\n        <p>© 2024 Luxe Fan Artistry. All Rights Reserved.</p>\n      </div>\n    </div>\n  );\n}\n\nfunction client() {\n  createRoot(document.getElementById(\"root\")).render(<App />);\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request) {\n  const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n  const KEY = \"Custommadefans\";\n  const SCHEMA_VERSION = 2;\n\n  // Initialize tables\n  await sqlite.execute(`\n    CREATE TABLE IF NOT EXISTS ${KEY}_categories_${SCHEMA_VERSION} (\n      id INTEGER PRIMARY KEY AUTOINCREMENT,\n      name TEXT NOT NULL,\n      description TEXT\n    )\n  `);\n\n  await sqlite.execute(`\n    CREATE TABLE IF NOT EXISTS ${KEY}_products_${SCHEMA_VERSION} (\n      id INTEGER PRIMARY KEY AUTOINCREMENT,\n      name TEXT NOT NULL,\n      category TEXT NOT NULL,\n      price REAL NOT NULL,\n      description TEXT,\n      image_url TEXT\n    )\n  `);\n\n  // Handle routes\n  const url = new URL(request.url);\n  \n  // Get Categories\n  if (url.pathname === '/categories') {\n    const categories = await sqlite.execute(`SELECT * FROM ${KEY}_categories_${SCHEMA_VERSION}`);\n    return new Response(JSON.stringify(categories.rows), {\n      headers: { 'Content-Type': 'application/json' }\n    });\n  }\n\n  // Get Products\n  if (url.pathname === '/products') {\n    const products = await sqlite.execute(`SELECT * FROM ${KEY}_products_${SCHEMA_VERSION}`);\n    return new Response(JSON.stringify(products.rows), {\n      headers: { 'Content-Type': 'application/json' }\n    });\n  }\n\n  // Add Product\n  if (url.pathname === '/add-product' && request.method === 'POST') {\n    const productData = await request.json();\n    await sqlite.execute(`\n      INSERT INTO ${KEY}_products_${SCHEMA_VERSION} \n      (name, category, price, description, image_url) \n      VALUES (?, ?, ?, ?, ?)\n    `, [\n      productData.name, \n      productData.category, \n      productData.price, \n      productData.description, \n      productData.imageUrl\n    ]);\n    return new Response('Product Added', { status: 200 });\n  }\n\n  // Update Product\n  if (url.pathname.startsWith('/update-product/') && request.method === 'PUT') {\n    const productId = url.pathname.split('/').pop();\n    const productData = await request.json();\n    await sqlite.execute(`\n      UPDATE ${KEY}_products_${SCHEMA_VERSION} \n      SET name = ?, category = ?, price = ?, description = ?, image_url = ?\n      WHERE id = ?\n    `, [\n      productData.name, \n      productData.category, \n      productData.price, \n      productData.description, \n      productData.imageUrl,\n      productId\n    ]);\n    return new Response('Product Updated', { status: 200 });\n  }\n\n  // Delete Product\n  if (url.pathname.startsWith('/delete-product/') && request.method === 'DELETE') {\n    const productId = url.pathname.split('/').pop();\n    await sqlite.execute(`\n      DELETE FROM ${KEY}_products_${SCHEMA_VERSION} \n      WHERE id = ?\n    `, [productId]);\n    return new Response('Product Deleted', { status: 200 });\n  }\n\n  return new Response(`\n    <html>\n      <head>\n        <title>Luxe Fan Artistry</title>\n        <style>${css}</style>\n      </head>\n      <body>\n        <div id=\"root\"></div>\n        <script src=\"https://esm.town/v/std/catch\"></script>\n        <script type=\"module\" src=\"${import.meta.url}\"></script>\n      </body>\n    </html>\n  `, {\n    headers: { 'Content-Type': 'text/html' }\n  });\n}","deleted","label",[98],"permalink","https://www.val.town/x/JerryA/Custommadefans/code/main.tsx","extension","actionData","errors"]
</article></body></html>

Luxe Fan Artistry

Featured Products

{product.name}

Our Categories

{category.name}

{selectedCategory.name} Collection

{product.name}

{editingProduct ? 'Edit Product' : 'Add New Product'}