[{"_1":2,"_120":-5,"_121":-5},"loaderData",{"_3":4,"_91":92,"_119":-5},"root",{"_5":6,"_32":33,"_58":59,"_89":90},"ctx",{"_7":8,"_18":19,"_20":-5,"_21":22,"_23":24,"_25":26,"_27":26,"_28":29,"_30":31},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5},"sessionClaims","sessionId","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","environmentVariableKeys",[],"user","preferences_keybindings","default","preferences_theme","light","preferences_fixers",false,"preferences_copilot","preferences_model","claude-3-5-haiku-20241022","notification_count",0,"ENV",{"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","fa80b67e1f763bfb4b247c3f5ca4f0b0730f3f5c","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","API_URL","https://api.val.town","WORKER_FINGERPRINT","799d99f2805306c2714a7cfefbeae178","clerkState",{"_60":61},"__internal_clerk_state",{"_62":63,"_64":43,"_65":66,"_67":66,"_68":26,"_69":66,"_70":66,"_71":66,"_72":66,"_73":66,"_74":66,"_75":66,"_76":66,"_77":78,"_87":26,"_88":26},"__clerk_ssr_state",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__signInForceRedirectUrl","__signUpForceRedirectUrl","__signInFallbackRedirectUrl","__signUpFallbackRedirectUrl","__clerk_debug",{"_79":26,"_80":66,"_81":82,"_83":66,"_84":43,"_85":26,"_86":66},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","remixVersion",2,"routes/_app.pulls.$prId",{"_93":94},"pullRequest",{"_95":96,"_97":98,"_99":100,"_101":26,"_102":26,"_103":104,"_114":115},"id","5dd46a9e-e944-11ef-aebd-e6cdfca9ef9f","description","Removed the random 'g' at the end of the code, fixing it","state","pending","canAccept","canCancel","target",{"_105":106,"_107":66,"_108":109,"_110":111,"_112":113},"code","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\nfunction App() {\n const [leads, setLeads] = useState([]);\n const [newLead, setNewLead] = useState({\n name: \"\",\n email: \"\",\n phone: \"\",\n company: \"\",\n status: \"New Lead\",\n });\n\n useEffect(() => {\n fetchLeads();\n }, []);\n\n const fetchLeads = async () => {\n const response = await fetch(\"/leads\");\n const data = await response.json();\n setLeads(data);\n };\n\n const handleSubmit = async (e) => {\n e.preventDefault();\n const response = await fetch(\"/leads\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(newLead),\n });\n\n if (response.ok) {\n fetchLeads();\n setNewLead({\n name: \"\",\n email: \"\",\n phone: \"\",\n company: \"\",\n status: \"New Lead\",\n });\n }\n };\n\n const updateLeadStatus = async (id, newStatus) => {\n const response = await fetch(`/leads/${id}`, {\n method: \"PATCH\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ status: newStatus }),\n });\n\n if (response.ok) {\n fetchLeads();\n }\n };\n\n return (\n

🚀 Selar: Sales Lead Management

\n\n

\n setNewLead({ ...newLead, name: e.target.value })}\n required\n />\n setNewLead({ ...newLead, email: e.target.value })}\n required\n />\n setNewLead({ ...newLead, phone: e.target.value })}\n />\n setNewLead({ ...newLead, company: e.target.value })}\n />\n \n \n\n

\n {leads.map((lead) => (\n

{lead.name}

📧 {lead.email}

📱 {lead.phone}

🏢 {lead.company}

\n updateLeadStatus(lead.id, e.target.value)}\n style={styles.statusSelect}\n >\n \n \n \n \n \n \n

\n ))}\n

\n \n View Source\n \n

\n );\n}\n\nconst styles = {\n container: {\n maxWidth: \"800px\",\n margin: \"0 auto\",\n padding: \"20px\",\n fontFamily: \"system-ui, sans-serif\",\n },\n form: {\n display: \"flex\",\n flexDirection: \"column\",\n gap: \"10px\",\n marginBottom: \"20px\",\n },\n leadList: {\n display: \"grid\",\n gridTemplateColumns: \"repeat(auto-fill, minmax(250px, 1fr))\",\n gap: \"15px\",\n },\n leadCard: {\n border: \"1px solid #ddd\",\n borderRadius: \"8px\",\n padding: \"15px\",\n backgroundColor: \"#f9f9f9\",\n },\n statusSelect: {\n width: \"100%\",\n padding: \"5px\",\n marginTop: \"10px\",\n },\n sourceLink: {\n display: \"block\",\n marginTop: \"20px\",\n textAlign: \"center\",\n color: \"#666\",\n },\n};\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n const KEY = new URL(import.meta.url).pathname.split(\"/\").at(-1);\n const SCHEMA_VERSION = 1;\n\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${KEY}_leads_${SCHEMA_VERSION} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL,\n email TEXT NOT NULL,\n phone TEXT,\n company TEXT,\n status TEXT DEFAULT 'New Lead',\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP\n )\n `);\n\n if (request.method === \"GET\" && new URL(request.url).pathname === \"/leads\") {\n const result = await sqlite.execute(`\n SELECT * FROM ${KEY}_leads_${SCHEMA_VERSION} \n ORDER BY created_at DESC\n `);\n return new Response(JSON.stringify(result.rows), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n if (request.method === \"POST\" && new URL(request.url).pathname === \"/leads\") {\n const lead = await request.json();\n await sqlite.execute(\n `\n INSERT INTO ${KEY}_leads_${SCHEMA_VERSION} \n (name, email, phone, company, status) \n VALUES (?, ?, ?, ?, ?)\n `,\n [lead.name, lead.email, lead.phone, lead.company, lead.status],\n );\n\n return new Response(\"Lead added\", { status: 201 });\n }\n\n if (request.method === \"PATCH\" && /^\\/leads\\/\\d+$/.test(new URL(request.url).pathname)) {\n const id = new URL(request.url).pathname.split(\"/\").pop();\n const { status } = await request.json();\n\n await sqlite.execute(\n `\n UPDATE ${KEY}_leads_${SCHEMA_VERSION} \n SET status = ? \n WHERE id = ?\n `,\n [status, id],\n );\n\n return new Response(\"Lead updated\", { status: 200 });\n }\n\n return new Response(\n `\n \n \n Selar: Sales Lead Management\n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"Content-Type\": \"text/html\" },\n },\n );\n}g","readme","handle","selarcom","profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJzdWFHVkhqTmc1b01pV1ZhR0gzSHY5UVRRQSJ9","name","selarApp","fork",{"_105":116,"_107":66,"_108":117,"_110":118,"_112":113},"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\nfunction App() {\n const [leads, setLeads] = useState([]);\n const [newLead, setNewLead] = useState({\n name: \"\",\n email: \"\",\n phone: \"\",\n company: \"\",\n status: \"New Lead\",\n });\n\n useEffect(() => {\n fetchLeads();\n }, []);\n\n const fetchLeads = async () => {\n const response = await fetch(\"/leads\");\n const data = await response.json();\n setLeads(data);\n };\n\n const handleSubmit = async (e) => {\n e.preventDefault();\n const response = await fetch(\"/leads\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(newLead),\n });\n\n if (response.ok) {\n fetchLeads();\n setNewLead({\n name: \"\",\n email: \"\",\n phone: \"\",\n company: \"\",\n status: \"New Lead\",\n });\n }\n };\n\n const updateLeadStatus = async (id, newStatus) => {\n const response = await fetch(`/leads/${id}`, {\n method: \"PATCH\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ status: newStatus }),\n });\n\n if (response.ok) {\n fetchLeads();\n }\n };\n\n return (\n

Review pull request

Description

selarcom/selarApp

stevekrouse/selarApp