🐾 Wildlife See-Me: Rescue App

\n \n Upload Wildlife Image:\n \n \n {image.preview && (\n $\"Uploaded$ \n )}\n

\n \n

\n \n Animal Type:\n setAnimalType(e.target.value)}\n required \n placeholder=\"e.g., Deer, Bird, Raccoon\"\n style={{ width: '100%', padding: '10px', backgroundColor: 'white' }}\n />\n \n

\n\n

\n \n Injury Description:\n

setInjuryDescription(e.target.value)}\n              required \n              placeholder=\"Describe the animal's condition and any visible injuries\"\n              style={{ \n                width: '100%', \n                padding: '10px', \n                backgroundColor: 'white', \n                minHeight: '100px' \n              }}\n            />\n          </label>\n        </div>\n\n        <div style={{ marginBottom: '15px' }}>\n          <button \n            type=\"button\" \n            onClick={getCurrentLocation}\n            style={{ \n              width: '100%', \n              padding: '10px', \n              backgroundColor: '#4CAF50', \n              color: 'white', \n              border: 'none', \n              borderRadius: '5px',\n              cursor: 'pointer'\n            }}\n          >\n            Get Current Location\n          </button>\n          <p>\n            Location: Lat {location.lat.toFixed(4)}, Lng {location.lng.toFixed(4)}\n          </p>\n        </div>\n\n        <button \n          type=\"submit\" \n          style={{ \n            width: '100%', \n            padding: '10px', \n            backgroundColor: '#2196F3', \n            color: 'white', \n            border: 'none', \n            borderRadius: '5px',\n            cursor: 'pointer'\n          }}\n        >\n          Report Wildlife Incident\n        </button>\n\n        {submitStatus && (\n          <p \n            style={{ \n              color: submitStatus.includes('successfully') ? 'green' : 'red',\n              textAlign: 'center',\n              marginTop: '10px'\n            }}\n          >\n            {submitStatus}\n          </p>\n        )}\n      </form>\n      <a \n        href={import.meta.url.replace(\"esm.town\", \"val.town\")} \n        target=\"_top\" \n        style={{ \n          color: '#666', \n          textDecoration: 'none', \n          display: 'block', \n          marginTop: '15px', \n          textAlign: 'center' \n        }}\n      >\n        View Source\n      </a>\n    </div>\n  );\n}\n\nfunction client() {\n  createRoot(document.getElementById(\"root\")).render(<WildlifeRescueApp />);\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise<Response> {\n  return new Response(`\n    <html>\n      <head>\n        <title>Wildlife See-Me: Rescue App</title>\n        <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n        <style>\n          body { \n            margin: 0; \n            font-family: Arial, sans-serif; \n            background-color: #f0f0f0; \n          }\n        </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",[99],"permalink","https://www.val.town/x/lilymachado/wildlifeRescueApp/code/main.tsx","extension","actionData","errors"]
</article></body></html>