🧳 Noj

Retrouve tes Bagages

\n \n

\n \n \n

\n\n {error && (\n

\n \n {error}\n

\n )}\n {success && (\n

\n \n {success}\n

\n )}\n\n {activeTab === 'register' ? (\n

\n \n \n Numéro de téléphone\n \n setPhone(e.target.value)}\n required \n pattern=\"[+]?[0-9\\s]{10,}\"\n />\n

\n\n

\n \n \n Nom de l'objet\n \n setObjectName(e.target.value)}\n required \n />\n

\n\n

\n \n \n Description de l'objet\n \n

setObjectDescription(e.target.value)}\n                required\n              />\n            </div>\n\n            <div className=\"form-group file-upload\">\n              <label>\n                <i className=\"ri-image-line\"></i>\n                Photo de l'objet\n              </label>\n              <div className=\"file-input-wrapper\">\n                <input \n                  type=\"file\" \n                  accept=\"image/jpeg,image/png,image/gif\" \n                  onChange={handleImageUpload}\n                  required \n                  ref={fileInputRef}\n                  className=\"file-input\"\n                />\n                {!previewImage ? (\n                  <div className=\"file-input-text\">\n                    <i className=\"ri-upload-cloud-line\"></i>\n                    <span>Télécharger une image</span>\n                  </div>\n                ) : (\n                  <div className=\"image-preview\">\n                    <img src={previewImage} alt=\"Aperçu de l'objet\" />\n                  </div>\n                )}\n              </div>\n            </div>\n\n            <button \n              type=\"submit\" \n              className=\"submit-btn\" \n              disabled={!objectFeatures}\n            >\n              <i className=\"ri-save-line\"></i>\n              Enregistrer mon objet\n            </button>\n          </form>\n        ) : (\n          <form onSubmit={handleFoundObjectSubmit} className=\"found-object-form\">\n            <div className=\"form-group\">\n              <label htmlFor=\"finderPhone\">\n                <i className=\"ri-phone-line\"></i>\n                Votre numéro de téléphone\n              </label>\n              <input \n                id=\"finderPhone\"\n                type=\"tel\" \n                placeholder=\"+33 6 12 34 56 78\" \n                value={phone}\n                onChange={(e) => setPhone(e.target.value)}\n                required \n                pattern=\"[+]?[0-9\\s]{10,}\"\n              />\n            </div>\n\n            <div className=\"form-group file-upload\">\n              <label>\n                <i className=\"ri-image-line\"></i>\n                Photo de l'objet trouvé\n              </label>\n              <div className=\"file-input-wrapper\">\n                <input \n                  type=\"file\" \n                  accept=\"image/jpeg,image/png,image/gif\" \n                  onChange={handleImageUpload}\n                  required \n                  ref={fileInputRef}\n                  className=\"file-input\"\n                />\n                {!previewImage ? (\n                  <div className=\"file-input-text\">\n                    <i className=\"ri-upload-cloud-line\"></i>\n                    <span>Télécharger une image</span>\n                  </div>\n                ) : (\n                  <div className=\"image-preview\">\n                    <img src={previewImage} alt=\"Aperçu de l'objet\" />\n                  </div>\n                )}\n              </div>\n            </div>\n\n            <button \n              type=\"submit\" \n              className=\"submit-btn\"\n              disabled={!objectFeatures}\n            >\n              <i className=\"ri-search-line\"></i>\n              Signaler l'objet trouvé\n            </button>\n          </form>\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction client() {\n  createRoot(document.getElementById(\"root\")).render(<App />);\n}\nif (typeof document !== \"undefined\") { client(); }\n\n// The server-side code remains unchanged from the previous implementation\nexport default async function server(request: Request): Promise<Response> {\n  // Existing server implementation\n  const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n  const KEY = \"NOJJ\";\n\n  // Existing table creation and request handling code remains the same\n  // (as in the previous implementation)\n}","deleted","label",[98],"permalink","https://www.val.town/x/theodoreabdoulaye/NOJJ/code/main.tsx","extension","actionData","errors"]
</article></body></html>