github/self
1
1
Fork 0
mirror of https://github.com/selfxyz/self.git synced 2026-04-05 03:00:53 -04:00
Code Issues Packages Projects Releases Wiki Activity

add appName input field to sdk web-app

Browse Source
This commit is contained in:
turnoffthiscomputer
2024-09-08 20:22:52 +02:00
parent 5505c0b529
commit 2bd7b74357
2 changed files with 15 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
sdk/tests/web-app/package.json
View File

@@ -9,18 +9,21 @@
"lint": "next lint"
},
"dependencies": {
"@emotion/react": "^11.13.3",
"@emotion/styled": "^11.13.0",
"@mui/material": "^6.0.2",
"next": "14.2.8",
"react": "^18",
"react-dom": "^18",
"next": "14.2.8"
"react-dom": "^18"
},
"devDependencies": {
"typescript": "^5",
"@types/node": "^20",
"@types/react": "^18",
"@types/react-dom": "^18",
"eslint": "^8",
"eslint-config-next": "14.2.8",
"postcss": "^8",
"tailwindcss": "^3.4.1",
"eslint": "^8",
"eslint-config-next": "14.2.8"
"typescript": "^5"
}
}

9
sdk/tests/web-app/src/app/page.tsx
View File

@@ -1,10 +1,15 @@
'use client';
import { OpenPassportQRcode } from "../../../../src/QRcode/OpenPassportQRcode";
import { TextField } from "@mui/material";
import { useState } from "react";
export default function Home() {
const [appName, setAppName] = useState("🌐 OpenPassport");
return (
<div className="h-screen w-full bg-white flex items-center justify-center">
<OpenPassportQRcode requirements={[["older_than", "18"], ["nationality", "France"]]} appName="OpenPassport" scope="test" userId="test" onSuccess={() => { }} />
<div className="h-screen w-full bg-white flex flex-col items-center justify-center gap-12">
<OpenPassportQRcode requirements={[["older_than", "18"], ["nationality", "France"]]} appName={appName} scope="test" userId="test" onSuccess={() => { }} />
<TextField id="outlined-basic" label="App Name" variant="outlined" value={appName} onChange={(e) => setAppName(e.target.value)} />
</div>
);
}