Transaction: ct2NaXU...2b2J

{ "data": { "orasci-contributor.near": { "widget": { "Potlock.Components.ProjectCard": { "": "const { id, review_notes, status, totalAmount } = props;\n\nconst donationContractId = \"donate.potlock.near\";\nconst IPFS_BASE_URL = \"https://ipfs.near.social/ipfs/\";\nconst cardData = Social.getr(`${id}/profile`);\n\nconst donationsForProject = Near.view(\n donationContractId,\n \"get_donations_for_recipient\",\n {\n recipient_id: id,\n }\n);\n\nconst Card = styled.a`\n display: flex;\n flex-direction: column;\n width: 408px;\n border-radius: 2px;\n background: white;\n box-shadow: 0px -2px 0px #dbdbdb inset;\n border: 1px solid #292929; \n &:hover {\n text-decoration: none;\n cursor: pointer;\n }\n min-height: 429px;\n margin-left: auto;\n margin-right: auto;\n height: max-content;\n overflow: hidden;\n`;\n\nconst CardBody = styled.div`\n position: relative;\n padding: 24px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n flex-grow: 1;\n`;\n\nconst CardImage = styled.img`\n height: 150px;\n min-height: 150px;\n width: 100%;\n`;\n\nconst CardTitle = styled.div`\n color: #292929;\n font-size: 17px;\n font-style: normal;\n font-weight: 600;\n line-height: 24px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n`;\n\nconst CardDescription = styled.div`\n color: #292929;\n font-size: 17px;\n font-style: normal;\n font-weight: 400;\n line-height: 28px;\n flex-grow: 1;\n`;\n\nconst CardTag = styled.div`\n color: #292929;\n width: max-content;\n white-space: nowrap;\n padding: 8px;\n border-radius: 4px;\n box-shadow: 0px -1px 0px 0px #C7C7C7 inset, 0px 0px 0px 0.5px #C7C7C7; \n border: 1px solid #c7c7c7;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n`;\n\nconst CardTagContainer = styled.div`\n display: flex;\n gap: 12px;\n flex-wrap: wrap;\n`;\n\nconst CardAvatar = styled.img`\n position: absolute;\n top: -20px;\n left: 24px;\n border-radius: 100%;\n width: 40px;\n height: 40px;\n border: 3px solid #FFF;\n`;\n\nconst CardFooter = styled.div`\n border-top: 1px solid #000;\n padding: 16px 24px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n`;\n\nconst TotalDonate = styled.div`\n color: #292929;\n font-size: 17px;\n font-style: normal;\n font-weight: 600;\n line-height: 24px;\n`;\n\nconst DonationButton = styled.button`\n padding: 12px 16px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px; \n background: #FEF6EE;\n border-radius: 6px; \n border: none;\n box-shadow: 0px -2px 0px 0px #464646 inset, 0px 0px 0px 1px #464646; \n &:hover {\n background: #dd3345;\n color: #FFF;\n }\n`;\n\nconst AddToCartButton = styled.button`\n border: none;\n background: none;\n color: #dd3345;\n text-decoration: none;\n &:hover {\n text-decoration: underline;\n }\n padding: 12px 16px;\n`;\n\nconst ButtonGroup = styled.div`\n display: flex;\n gap: 16px;\n align-items: center;\n`;\n\nreturn (\n <Card href={`?tab=project&projectId=${projectId}`} target=\"_blank\">\n <CardImage\n src={\n cardData &&\n cardData?.backgroundImage &&\n cardData?.backgroundImage?.ipfs_cid\n ? `${IPFS_BASE_URL}${cardData.backgroundImage.ipfs_cid}`\n : \"https://ipfs.near.social/ipfs/bafkreih4i6kftb34wpdzcuvgafozxz6tk6u4f5kcr2gwvtvxikvwriteci\"\n }\n alt=\"background\"\n />\n <CardBody>\n <CardAvatar\n src={\n cardData && cardData?.image && cardData?.image?.ipfs_cid\n ? `${IPFS_BASE_URL}${cardData.image.ipfs_cid}`\n : \"https://ipfs.near.social/ipfs/bafkreih4i6kftb34wpdzcuvgafozxz6tk6u4f5kcr2gwvtvxikvwriteci\"\n }\n alt=\"avatar\"\n />\n <CardTitle>{cardData?.name}</CardTitle>\n <CardDescription>\n {cardData && cardData?.description.length > 60\n ? cardData.description.slice(0, 70) + \"...\"\n : cardData.description}\n </CardDescription>\n <CardTagContainer>\n <CardTag>\n {cardData && typeof cardData?.category === \"object\"\n ? cardData.category.text\n : cardData.category}\n </CardTag>\n </CardTagContainer>\n </CardBody>\n <CardFooter>\n <TotalDonate>\n ${totalAmount(donationsForProject)}{\" \"}\n <span style={{ fontWeight: 400 }}>Raised</span>\n </TotalDonate>\n <ButtonGroup>\n <AddToCartButton>Add to cart</AddToCartButton>\n <DonationButton>Donate</DonationButton>\n </ButtonGroup>\n </CardFooter>\n </Card>\n);\n" } } } } }