feat(dcellar-web-ui): add dcellar open-source card to the toolbox

apps/dcellar-web-ui/src/modules/toolbox/components/OpenSourceCard.tsx

@@ -0,0 +1,29 @@
+import { Badge, Flex, Text } from '@node-real/uikit';
+
+import { Card, CircleLink } from './Common';
+
+import { IconFont } from '@/components/IconFont';
+
+export const OpenSourceCard = () => {
+  return (
+    <Card>
+      <IconFont type="source-code" w={48} />
+      <Flex justifyContent={'space-between'} gap={8}>
+        <Text fontSize={16} fontWeight={600} flex={1}>
+          DCellar Open Source
+        </Text>
+        <CircleLink title="github" href="https://github.com/node-real/dcellar/">
+          <IconFont type="line-github" w={16} />
+        </CircleLink>
+      </Flex>
+
+      <Badge colorScheme="primary" width={'fit-content'} borderRadius={4}>
+        Developer Tool
+      </Badge>
+      <Text color={'readable.secondary'}>
+        Utilize DCellar open-source codebase and encourage collaboration to improve and extend its
+        functionality.
+      </Text>
+    </Card>
+  );
+};

apps/dcellar-web-ui/src/modules/toolbox/page/index.tsx

@@ -2,6 +2,7 @@ import { Box, Flex, Text } from '@node-real/uikit';
 
 import { TellUsCard } from '../components/TellUsCard';
 import { UploadKitCard } from '../components/UploadkitCard';
+import { OpenSourceCard } from '../components/OpenSourceCard';
 
 export const ToolBoxPage = () => {
   return (
@@ -11,6 +12,7 @@ export const ToolBoxPage = () => {
       </Text>
       <Flex gap={16} flexWrap={'wrap'}>
         <UploadKitCard />
+        <OpenSourceCard />
         <TellUsCard />
       </Flex>
     </Box>

apps/dcellar-web-ui/src/pages/_document.tsx

@@ -26,7 +26,7 @@ export default function Document() {
             __html: `window.__ASSET_PREFIX = ${flatted.stringify(assetPrefix)}`,
           }}
         ></script>
-        <script defer src={`${assetPrefix}/js/iconfont_v0.7.min.js`}></script>
+        <script defer src={`${assetPrefix}/js/iconfont_v0.8.min.js`}></script>
         <script defer src={`${assetPrefix}/wasm/tinygo_wasm_exec_v1.js`}></script>
         <script defer src={`${assetPrefix}/wasm/tinygo_init_v1.js`}></script>
         <EthereumScript />