Transaction: Avu6VTp...c6tS

{ "data": { "saidulbadhon.near": { "widget": { "s3.buildspace.browser": { "": "const theme = props.theme;\n\nState.init({\n images: [],\n showBrowser: false,\n});\nconst res = fetch(\"http://localhost:8000/api/v1/buildspace\");\n\nconsole.log(\"body : \", res.body);\n\nif (!res.body)\n return (\n <div style={{ height: \"100vh\", width: \"100%\", backgroundColor: \"#000\" }} />\n );\n\nconst Card = styled.div`\n\n // height: \"100%\",\n// height: 350px;\n width: 100%;\n max-width: 250px;\n border-radius: 24px;\n overflow: hidden;\n\n position: relative;\n border: 1px rgba(256, 256, 256, .25) solid;\n\n display: flex;\n flex-direction: column;\n filter: brightness(0.8);\n\n transition: all .2s ease-in-out;\n\n &:hover {\n filter: brightness(1);\n }\n`;\n\nreturn (\n <div\n // className=\"s3BuildspaceHome\"\n style={{\n height: \"100%\",\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n backgroundColor: \"#000\" || theme.backgroundColor,\n color: \"#FFF\",\n height: \"100% !important\",\n }}\n >\n <div\n style={{\n height: \"100%\",\n width: \"100%\",\n maxWidth: 1250,\n padding: 16,\n display: \"flex\",\n gap: 16,\n flexDirection: \"column\",\n justifyContent: \"flex-start\",\n alignItems: \"center\",\n }}\n >\n <div\n style={{\n display: \"flex\",\n // flexDirection: \"column\",\n justifyContent: \"flex-start\",\n alignItems: \"center\",\n }}\n >\n <button\n style={{\n position: \"absolute\",\n left: 16,\n backgroundColor: \"transparent\",\n borderColor: \"transparent\",\n }}\n onClick={() => props.handleBrowseButton()}\n >\n 🠈\n </button>\n <h1 style={{ fontWeight: 700 }}>#nw s3 YEARBOOK</h1>\n </div>\n\n <div\n style={{\n width: \"100%\",\n display: \"grid\",\n gridTemplateColumns: \"repeat(auto-fill, minmax(200px, 1fr))\",\n gap: 16,\n }}\n >\n {res.body?.map((card, index) => (\n <Card key={index}>\n <img\n style={{ width: \"100%\", height: \"100%\", objectFit: \"cover\" }}\n src={`https://ipfs.near.social/ipfs/${card.imageUrl}`}\n alt={card.name}\n />\n\n <div\n style={{\n color: \"#FFF\",\n\n bottom: 24,\n borderRadius: 16,\n\n display: \"flex\",\n justifyContent: \"center\",\n aligncards: \"center\",\n flexDirection: \"column\",\n gap: 8,\n padding: \"16px 16px 8px 16px\",\n }}\n >\n <h5\n style={{\n textAlign: \"center\",\n padding: 0,\n margin: 0,\n fontWeight: 700,\n }}\n >\n {card.name}\n </h5>\n\n <div style={{ display: \"flex\", justifyContent: \"center\" }}>\n <p\n style={{\n textAlign: \"center\",\n padding: 0,\n margin: 0,\n fontWeight: 400,\n\n fontSize: \"12px\",\n\n backgroundColor: theme.textColor3 + 66,\n color: theme.textColor,\n padding: \"4px 12px\",\n borderRadius: 4,\n }}\n >\n #{card.house}\n </p>\n </div>\n\n <p\n style={{\n textAlign: \"center\",\n padding: 0,\n margin: 0,\n fontWeight: 500,\n color: theme.textColor2,\n }}\n >\n {card.message}\n </p>\n </div>\n </Card>\n ))}\n </div>\n </div>\n </div>\n);\n" } } } } }