chore(demo): add basic avm-provider

algorandfoundation · Aug 26, 2024 · 4a234df · 4a234df
1 parent 3b683c5
commit 4a234df
Show file tree

Hide file tree

Showing 13 changed files with 400 additions and 287 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/sites/dapp-ui/package.json b/sites/dapp-ui/package.json
@@ -12,14 +12,16 @@
     "lint": "eslint \"{src,apps,libs,test}/**/*.{ts,tsx}\" --fix"
   },
   "dependencies": {
-    "@algorandfoundation/liquid-client": "github:algorandfoundation/liquid-auth-js#chore/switch-request-id-to-uuid",
+    "@algorandfoundation/algo-models": "github:awesome-algorand/algo-models",
+    "@algorandfoundation/liquid-client": "github:algorandfoundation/liquid-auth-js",
     "@emotion/react": "^11.11.3",
     "@emotion/server": "^11.11.0",
     "@emotion/styled": "^11.11.0",
     "@mui/icons-material": "^5.15.4",
     "@mui/material": "^5.15.4",
     "@tanstack/react-query": "^5.20.5",
     "@tanstack/react-query-devtools": "^5.20.5",
+    "cbor-x": "^1.6.0",
     "qr-code-styling": "^1.6.0-rc.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

diff --git a/sites/dapp-ui/src/App.tsx b/sites/dapp-ui/src/App.tsx
@@ -14,7 +14,7 @@ import { Algodv2 } from 'algosdk';
 import { AlgodContext } from '@/hooks';
 import { SignalClientContext } from '@/hooks/useSignalClient.ts';
 import { LinkMessage, SignalClient } from '@algorandfoundation/liquid-client';
-import { useAddressStore } from '@/store';
+import { useAddressStore } from '@/store.ts';
 const queryClient = new QueryClient();
 
 const algod = new Algodv2(

diff --git a/sites/dapp-ui/src/components/ArcMessage.tsx b/sites/dapp-ui/src/components/ArcMessage.tsx
@@ -0,0 +1,24 @@
+import { MessageState } from "@/store.ts";
+import Card from "@mui/material/Card";
+import { CardHeader } from "@mui/material";
+import Typography from "@mui/material/Typography";
+import CardContent from "@mui/material/CardContent";
+
+export function ArcMessage(state: MessageState) {
+  return (
+    <Card sx={{ flex: 1, margin: 1.25 }} raised>
+      <CardHeader
+        title={state.message.reference}
+        subheader={state.message.id}
+      />
+      <CardContent>
+        <Typography variant="h5" color="text.secondary">
+          {state.status}
+        </Typography>
+        <Typography variant="body1" color="text.secondary">
+          {JSON.stringify(state.message)}
+        </Typography>
+      </CardContent>
+    </Card>
+  );
+}
diff --git a/sites/dapp-ui/src/components/MessageCard.tsx b/sites/dapp-ui/src/components/MessageCard.tsx
diff --git a/sites/dapp-ui/src/components/TransactionCard.tsx b/sites/dapp-ui/src/components/TransactionCard.tsx
diff --git a/sites/dapp-ui/src/entry-main.tsx b/sites/dapp-ui/src/entry-main.tsx
@@ -2,7 +2,6 @@ import './index.css';
 import * as ReactDOM from 'react-dom/client';
 // import { StrictMode } from 'react';
 import App from './App.tsx';
-
 ReactDOM.createRoot(document.getElementById('root')!).render(
   // <StrictMode>
   <App />,