()
+
+
+ // called only once, use it as constructor
+ useEffect( () => {
+ if(!window.ethereum) return
+
+ const provider = new ethers.providers.Web3Provider(window.ethereum)
+ const TGPassport = new ethers.Contract(addressContract, abi, provider);
+ TGPassport.GetOwner().then((result:string)=>{
+ console.log(result)
+
+ setOwnerValue(result)
+ }).catch('error', console.error)
+
+ TGPassport.GetPassportFee().then((result:string)=>{
+ // console.log(result);
+ // console.log(ethers.utils.formatEther(result));
+ setPassportFee(ethers.utils.formatEther(result))
+ }).catch('error', console.error);
+
+ /*
+ erc20.totalSupply().then((result:string)=>{
+ setTotalSupply(ethers.utils.formatEther(result))
+ }).catch('error', console.error);
+ */
+ //called only once
+ },[])
+
+ return (
+ /**
+
+ Telegram Passport Contract: {addressContract}
+ ClassToken totalSupply:{totalSupply} {symbol}
+ ClassToken in current account:
+
+ */
+
+
+ Telegram Passport Contract: {addressContract}
+ Owner of contract:{owner}
+ Fee for appling passport:{pfee}
+
+
+ )
+}
\ No newline at end of file
diff --git a/dapp/src/components/trustToID.tsx b/dapp/src/components/trustToID.tsx
new file mode 100644
index 0000000..2531e92
--- /dev/null
+++ b/dapp/src/components/trustToID.tsx
@@ -0,0 +1,102 @@
+import React, { useState, useEffect } from 'react'
+import {Button, Input , NumberInput, NumberInputField, FormControl, FormLabel, Text, Select } from '@chakra-ui/react'
+import {ethers} from 'ethers'
+import {parseEther } from 'ethers/lib/utils'
+import {abi} from '../../../artifacts/contracts/TGPassport.sol/TGPassport.json'
+import { Contract } from "ethers"
+import { TransactionResponse,TransactionReceipt } from "@ethersproject/abstract-provider"
+
+
+interface Props {
+ addressContract: string,
+ currentAccount: string | undefined
+}
+
+declare let window: any;
+
+
+export default function TrustTGID(props:Props){
+ const addressContract = props.addressContract
+ const currentAccount = props.currentAccount
+ var [user_id, setUserId] = useState(0)
+ var [friend_id, setFriendId] = useState(0)
+ // var [user_name, setUserName] = useState("")
+ var [friend_user_name,setFriendUserName] = useState("")
+ var [trust_option, setTrust] = useState(false)
+
+ useEffect(() => {
+ const queryParams = new URLSearchParams(location.search);
+
+ var id = queryParams.get('user_tg_id'); // get id as string from query
+ let int_id : number = +id; // similar to parseInt()
+
+ var f_id = queryParams.get('friend_tg_id');
+ let f_int_id : number = +f_id;
+
+ var friend_user_name = queryParams.get('friend_user_name');
+
+
+ setUserId(int_id);
+ setFriendId(f_int_id);
+ setFriendUserName(friend_user_name);
+
+ }, []);
+
+
+async function trustToTgID(event:React.FormEvent) {
+ event.preventDefault()
+ if(!window.ethereum) return
+ const provider = new ethers.providers.Web3Provider(window.ethereum)
+ const signer = provider.getSigner()
+ const TGPassport:Contract = new ethers.Contract(addressContract, abi, signer)
+ TGPassport.ITrustID(user_id, friend_id)
+ .then((tr: TransactionResponse) => {
+ console.log(`TransactionResponse TX hash: ${tr.hash}`)
+ tr.wait().then((receipt:TransactionReceipt) => {console.log("trust receipt", receipt)})
+ })
+ .catch((e:Error) => console.log(e))
+ }
+
+
+/*
+async function switchBool(event:React.FormEvent) {
+
+}
+*/
+
+ function switchBool(value_) {
+ if (value_ = 0) {
+ setTrust(false)
+ }
+ if(value_ = 1) {
+ setTrust(true)
+ }
+ }
+
+ //const handleChange = (value:string) => setUserId(value)
+ //http://localhost:3000/trust?user_tg_id=1337&friend_tg_id=1997&friend_user_name=sbekket
+
+
+ /*
+
+ // Ethereum address associated with this telegram nickname: {user_wallet}
+
+ */
+ return (
+
+ )
+}
\ No newline at end of file
diff --git a/dapp/src/pages/_app.js b/dapp/src/pages/_app.js
new file mode 100644
index 0000000..1e1cec9
--- /dev/null
+++ b/dapp/src/pages/_app.js
@@ -0,0 +1,7 @@
+import '../styles/globals.css'
+
+function MyApp({ Component, pageProps }) {
+ return
+}
+
+export default MyApp
diff --git a/dapp/src/pages/_app.tsx b/dapp/src/pages/_app.tsx
new file mode 100644
index 0000000..0f271b8
--- /dev/null
+++ b/dapp/src/pages/_app.tsx
@@ -0,0 +1,15 @@
+import { ChakraProvider } from '@chakra-ui/react'
+import type { AppProps } from 'next/app'
+import { Layout } from 'components/layout'
+
+function MyApp({ Component, pageProps }: AppProps) {
+ return (
+
+
+
+
+
+ )
+}
+
+export default MyApp
\ No newline at end of file
diff --git a/dapp/src/pages/api/hello.js b/dapp/src/pages/api/hello.js
new file mode 100644
index 0000000..df63de8
--- /dev/null
+++ b/dapp/src/pages/api/hello.js
@@ -0,0 +1,5 @@
+// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
+
+export default function handler(req, res) {
+ res.status(200).json({ name: 'John Doe' })
+}
diff --git a/dapp/src/pages/dao.tsx b/dapp/src/pages/dao.tsx
new file mode 100644
index 0000000..049be80
--- /dev/null
+++ b/dapp/src/pages/dao.tsx
@@ -0,0 +1,129 @@
+import type { NextPage } from 'next'
+import Head from 'next/head'
+import NextLink from "next/link"
+import { VStack, Heading, Box, LinkOverlay, LinkBox} from "@chakra-ui/layout"
+import { Text, Button } from '@chakra-ui/react'
+import { useState, useEffect} from 'react'
+import {ethers} from "ethers"
+//import ReadERC20 from 'components/read_contract'
+//import ReadPassportContract from 'components/read_contract'
+//import ApplyPassportTG from 'components/applyPassport'
+import ApplyDaoTG from 'components/applyDao'
+//import ApprovePassportTG from 'components/approvePassport'
+import ApproveDaoTG from 'components/approveDao'
+//import DeclinePassportTG from 'components/declinePassport'
+import DeclineDAOTG from 'components/declineDao'
+
+declare let window:any
+
+const Home: NextPage = () => {
+ const [balance, setBalance] = useState()
+ const [currentAccount, setCurrentAccount] = useState()
+ const [chainId, setChainId] = useState()
+ const [chainname, setChainName] = useState()
+
+ useEffect(() => {
+ if(!currentAccount || !ethers.utils.isAddress(currentAccount)) return
+ //client side code
+ if(!window.ethereum) return
+ const provider = new ethers.providers.Web3Provider(window.ethereum)
+ provider.getBalance(currentAccount).then((result)=>{
+ setBalance(ethers.utils.formatEther(result))
+ })
+ provider.getNetwork().then((result)=>{
+ setChainId(result.chainId)
+ setChainName(result.name)
+ })
+
+ },[currentAccount])
+
+ const onClickConnect = () => {
+ //client side code
+ if(!window.ethereum) {
+ console.log("please install MetaMask")
+ return
+ }
+ /*
+ //change from window.ethereum.enable() which is deprecated
+ //see docs: https://docs.metamask.io/guide/ethereum-provider.html#legacy-methods
+ window.ethereum.request({ method: 'eth_requestAccounts' })
+ .then((accounts:any)=>{
+ if(accounts.length>0) setCurrentAccount(accounts[0])
+ })
+ .catch('error',console.error)
+ */
+
+ //we can do it using ethers.js
+ const provider = new ethers.providers.Web3Provider(window.ethereum)
+
+ // MetaMask requires requesting permission to connect users accounts
+ provider.send("eth_requestAccounts", [])
+ .then((accounts)=>{
+ if(accounts.length>0) setCurrentAccount(accounts[0])
+ })
+ .catch((e)=>console.log(e))
+ }
+
+ const onClickDisconnect = () => {
+ console.log("onClickDisConnect")
+ setBalance(undefined)
+ setCurrentAccount(undefined)
+ }
+
+ return (
+ <>
+
+ My DAPP
+
+
+ Explore Web3
+
+
+ {currentAccount
+ ?
+ :
+ }
+
+ {currentAccount
+ ?
+ Account info
+ ETH Balance of current account: {balance}
+ Chain Info: ChainId {chainId} name {chainname}
+
+ :<>
+ }
+
+
+ Attach CHAT from telegram to collective wallet
+
+
+
+ Approve user intent for registration personal wallet address
+
+
+
+ Decline user intent for registration personal wallet address
+
+
+
+
+...
+
+
+ )
+}
+
+export default Home
\ No newline at end of file
diff --git a/dapp/src/pages/index.js b/dapp/src/pages/index.js
new file mode 100644
index 0000000..dc4b640
--- /dev/null
+++ b/dapp/src/pages/index.js
@@ -0,0 +1,69 @@
+import Head from 'next/head'
+import Image from 'next/image'
+import styles from '../styles/Home.module.css'
+
+export default function Home() {
+ return (
+
+
+
Create Next App
+
+
+
+
+
+
+
+
+ Get started by editing{' '}
+ pages/index.js
+
+
+
+
+
+
+