Transaction: 4YqQJQ8...48ge

{ "data": { "dropcast.near": { "widget": { "project": { "": "const API_URL = props.API_URL || \"http://localhost:3000\";\nconst Owner = \"dropcast.near\";\nconst TOKEN = props.TOKEN || \"\";\nconst type = props.type || \"other\";\nconst project = props.project || {};\nconst editMyProject = props.editMyProject || ((val) => {});\n\nconst Wrapper = styled.div`\n padding: 20px;\n border-radius: 8px;\n background-color: rgb(38, 38, 38);\n box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px;\n`;\n\nconst BadgeActiveIcon = styled.div`\n width: 12px;\n height: 12px;\n border-radius: 50px;\n background-color: rgb(34, 197, 94);\n`;\n\nconst BadgeCloseIcon = styled.div`\n width: 12px;\n height: 12px;\n border-radius: 50px;\n background-color: red;\n`;\n\nconst Label = styled.div`\n margin: 0px;\n font-size: 14px;\n color: rgb(163, 163, 163);\n`;\n\nconst Value = styled.div`\n margin: 0px;\n color: white;\n font-size: 14px;\n`;\n\nconst Button = styled.button`\n color: #FFF;\n padding: 8px 16px;\n border-radius: 6px;\n background-image: linear-gradient(to right, rgb(147, 51, 234), rgb(99, 102, 241), rgb(99, 102, 241));\n`;\n\nconst Description = styled.p`\n margin: 0;\n fontSize: 14px;\n color: rgb(163, 163, 163);\n @media (min-width: 935px) {\n height: 85px;\n }\n`;\n\nState.init({\n url: \"\",\n error: \"\",\n status: project.whitelist,\n avatar: `https://cdn.discordapp.com/icons/${project.guild_id}/${project.icon}.png?size=1024`,\n});\n\nconst convertObject = (params) => {\n return Object.keys(params)\n .map((param) => `${param}=${params[param]}`)\n .join(\"&\");\n};\n\nconst onSelect = (val) => {\n if (val === \"whitelist\") {\n let promise = asyncFetch(`${API_URL}/api/project/whitelist`, {\n headers: {\n \"Content-Type\": \"application/x-www-form-urlencoded\",\n \"x-auth-token\": TOKEN,\n },\n method: \"POST\",\n body: convertObject({\n whitelist: !state.status,\n project_id: project._id,\n }),\n });\n\n promise.then((data) => {\n if (data.status === 200) {\n State.update({\n ...state,\n status: !state.status,\n });\n } else {\n State.update({\n ...state,\n error: data.body,\n });\n }\n });\n } else if (val === \"configure\") {\n editMyProject(project);\n } else if (val === \"export\") {\n let promise = asyncFetch(`${API_URL}/api/project/export`, {\n headers: {\n \"Content-Type\": \"application/x-www-form-urlencoded\",\n \"x-auth-token\": TOKEN,\n },\n method: \"POST\",\n body: convertObject({\n project_id: project._id,\n }),\n });\n\n promise.then((data) => {\n if (data.status === 200) {\n const url = URL.createObjectURL(new Blob([data.body]));\n console.log(url, \"===>url\", data.body);\n State.update({\n ...state,\n url,\n });\n } else {\n State.update({\n ...state,\n error: data.body,\n });\n }\n });\n }\n};\n\nconst ManageButton = (\n <Button className=\"btn w-75 justify-content-center\">\n Manage <i className=\"ph ph-caret-down\" />\n </Button>\n);\n\nconst Items = [\n {\n name: `${state.status ? \"Disable\" : \"Enable\"} Whitelisting`,\n id: \"whitelist\",\n onSelect,\n },\n { name: \"Configure\", id: \"configure\", onSelect },\n {\n onSelect,\n id: \"export\",\n href: state.url,\n name: \"Export Whitelist Users\",\n download: `AllowList_Export_${project.guild_id}.csv`,\n },\n];\n\nconst handleImageNotFound = (e) => {\n State.update({\n avatar: \"https://dropcast.nearverselabs.com/comingsoon.jpg\",\n });\n};\n\nreturn (\n <Wrapper>\n <img\n style={{ height: 192 }}\n className=\"w-100 object-fit-cover rounded-3\"\n src={state.avatar}\n onError={handleImageNotFound}\n />\n <div className=\"text-center px-2 py-3\">\n <h5>{project.name}</h5>\n <Description>\n {project.description.length > 120\n ? `${project.description.slice(0, 120)}...`\n : project.description}\n </Description>\n </div>\n {(type === \"other\" || type === \"manager\") && (\n <>\n <hr className=\"mt-0\" />\n <div className=\"d-flex flex-column gap-3\">\n <div className=\"d-flex justify-content-between\">\n <Label>Whitelist</Label>\n {state.status ? (\n <div className=\"d-flex align-items-center gap-2\">\n <BadgeActiveIcon />\n <Value style={{ fontSize: 12 }}>Active</Value>\n </div>\n ) : (\n <div className=\"d-flex align-items-center gap-2\">\n <BadgeCloseIcon />\n <Value style={{ fontSize: 12 }}>Closed</Value>\n </div>\n )}\n </div>\n <div className=\"d-flex justify-content-between\">\n <Label>Mint date</Label>\n <Value>{project.mint_date2 || \"TBD\"}</Value>\n </div>\n <div className=\"d-flex justify-content-between\">\n <Label>Mint price</Label>\n <Value>{project.mint_price || \"TBD\"}</Value>\n </div>\n <div className=\"d-flex justify-content-between\">\n <Label>Supply</Label>\n <Value>{project.supply || \"TBD\"}</Value>\n </div>\n </div>\n </>\n )}\n\n <hr />\n {type === \"manager\" ? (\n <div className=\"d-flex justify-content-center\">\n <Widget\n props={{\n items: Items,\n trigger: ManageButton,\n }}\n src={`${Owner}/widget/dropdown`}\n />\n </div>\n ) : (\n <div className=\"d-flex justify-content-center gap-5 mt-3 mb-1\">\n <a\n className={`btn p-1 ${!project.twitter && \"disabled border-0\"}`}\n href={project.twitter}\n target=\"_blank\"\n >\n <svg\n style={{ width: 24, height: 24, fill: \"#FFF\" }}\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n >\n <path d=\"M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z\"></path>\n </svg>\n </a>\n <a\n className={`btn p-1 ${!project.discord && \"disabled border-0\"}`}\n href={project.discord}\n target=\"_blank\"\n >\n <svg\n className=\"fill-white\"\n width=\"24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n style={{ width: 24, height: 24, fill: \"#FFF\" }}\n >\n <path d=\"M19.54 0c1.356 0 2.46 1.104 2.46 2.472v21.528l-2.58-2.28-1.452-1.344-1.536-1.428.636 2.22h-13.608c-1.356 0-2.46-1.104-2.46-2.472v-16.224c0-1.368 1.104-2.472 2.46-2.472h16.08zm-4.632 15.672c2.652-.084 3.672-1.824 3.672-1.824 0-3.864-1.728-6.996-1.728-6.996-1.728-1.296-3.372-1.26-3.372-1.26l-.168.192c2.04.624 2.988 1.524 2.988 1.524-1.248-.684-2.472-1.02-3.612-1.152-.864-.096-1.692-.072-2.424.024l-.204.024c-.42.036-1.44.192-2.724.756-.444.204-.708.348-.708.348s.996-.948 3.156-1.572l-.12-.144s-1.644-.036-3.372 1.26c0 0-1.728 3.132-1.728 6.996 0 0 1.008 1.74 3.66 1.824 0 0 .444-.54.804-.996-1.524-.456-2.1-1.416-2.1-1.416l.336.204.048.036.047.027.014.006.047.027c.3.168.6.3.876.408.492.192 1.08.384 1.764.516.9.168 1.956.228 3.108.012.564-.096 1.14-.264 1.74-.516.42-.156.888-.384 1.38-.708 0 0-.6.984-2.172 1.428.36.456.792.972.792.972zm-5.58-5.604c-.684 0-1.224.6-1.224 1.332 0 .732.552 1.332 1.224 1.332.684 0 1.224-.6 1.224-1.332.012-.732-.54-1.332-1.224-1.332zm4.38 0c-.684 0-1.224.6-1.224 1.332 0 .732.552 1.332 1.224 1.332.684 0 1.224-.6 1.224-1.332 0-.732-.54-1.332-1.224-1.332z\"></path>\n </svg>\n </a>\n </div>\n )}\n </Wrapper>\n);\n", "metadata": { "fork_of": "dropcast.near/widget/project@113289141" } } } } } }