- )
- }
-
- {message}
- {domains.length > 0 && !isOwner ? (
- To return the deposit, you need to connect to the wallet which auctioned off the names
- ): ''}
-
- )
- }
-
-
-
-
- { statsEntity && <>
- There are currently {statsEntity.numOfDeeds} deeds holding {(statsEntity.currentValue / Math.pow(10,18)).toFixed(2)} ETH
- To understand more about these unclaimed deposits, read the blog post.
-
- Bootstrapped with Create Eth App
- }
-
-
- );
-}
-
-export default App;
diff --git a/packages/react-app/src/App.test.js b/packages/react-app/src/App.test.js
deleted file mode 100644
index 352d7b8..0000000
--- a/packages/react-app/src/App.test.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import React from "react";
-import { render } from "@testing-library/react";
-import App from "./App";
-
-test("renders learn react link", () => {
- const { getByText } = render();
- const linkElement = getByText(/learn react/i);
- expect(linkElement).toBeInTheDocument();
-});
diff --git a/packages/react-app/src/ethereumLogo.png b/packages/react-app/src/ethereumLogo.png
deleted file mode 100644
index 5f58d7f..0000000
Binary files a/packages/react-app/src/ethereumLogo.png and /dev/null differ
diff --git a/packages/react-app/src/index.css b/packages/react-app/src/index.css
deleted file mode 100644
index ec2585e..0000000
--- a/packages/react-app/src/index.css
+++ /dev/null
@@ -1,13 +0,0 @@
-body {
- margin: 0;
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
- 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
- sans-serif;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
-}
-
-code {
- font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
- monospace;
-}
diff --git a/packages/react-app/src/index.js b/packages/react-app/src/index.js
deleted file mode 100644
index 5977162..0000000
--- a/packages/react-app/src/index.js
+++ /dev/null
@@ -1,35 +0,0 @@
-import React from "react";
-import ReactDOM from "react-dom";
-import ApolloClient from "apollo-boost";
-import { ApolloProvider } from "@apollo/react-hooks";
-import "./index.css";
-import App from "./App";
-
-// You should replace this url with your own and put it into a .env file
-// See all subgraphs: https://thegraph.com/explorer/
-console.log({ENV:process.env})
-
-let stage, reclaimUri, ensUri, registryAddress, registrarAddress
-// if (process.env.REACT_APP_STAGE === 'live'){
- stage = 'live'
- reclaimUri = process.env.REACT_APP_RECLAIM_GRAPH_URI || "http://127.0.0.1:8000/subgraphs/name/makoto/ens-reclaim-deposit-subgraph"
- ensUri = process.env.REACT_APP_ENS_GRAPH_URI || "http://127.0.0.1:8000/subgraphs/name/graphprotocol/ens"
- registrarAddress = '0x6090a6e47849629b7245dfa1ca21d94cd15878ef'
- registryAddress = '0x00000000000C2E074eC69A0dFb2997BA6C7d2e1e'
-// }else{
-// stage = 'dev'
-// reclaimUri = "http://127.0.0.1:8000/subgraphs/name/makoto/ens-reclaim-deposit-subgraph"
-// ensUri = "http://127.0.0.1:8000/subgraphs/name/graphprotocol/ens"
-// registrarAddress = '0xA47b9D846D03E74C736D650dfb23D085C773AFCE'
-// registryAddress = '0x7F90FA6F67Aa366D8ca17d36a1B2E5A06C647151'
-// }
-
-const client = new ApolloClient({ uri: reclaimUri });
-const ensClient = new ApolloClient({ uri: ensUri });
-
-ReactDOM.render(
-
-
- ,
- document.getElementById("root"),
-);
diff --git a/packages/react-app/src/setupTests.js b/packages/react-app/src/setupTests.js
deleted file mode 100644
index 5fdf001..0000000
--- a/packages/react-app/src/setupTests.js
+++ /dev/null
@@ -1,5 +0,0 @@
-// jest-dom adds custom jest matchers for asserting on DOM nodes.
-// allows you to do things like:
-// expect(element).toHaveTextContent(/react/i)
-// learn more: https://github.com/testing-library/jest-dom
-import "@testing-library/jest-dom/extend-expect";
diff --git a/packages/subgraph/README.md b/packages/subgraph/README.md
deleted file mode 100644
index 878a44a..0000000
--- a/packages/subgraph/README.md
+++ /dev/null
@@ -1,76 +0,0 @@
-## @project/subgraph
-
-The Graph is a tool for for indexing events emitted on the Ethereum blockchain. It provides you with an easy-to-use GraphQL API.
-
-## Available Scripts
-
-In the project directory, you can run:
-
-### Subgraph
-
-#### `yarn codegen`
-
-Generates AssemblyScript types for smart contract ABIs and the subgraph schema.
-
-#### `yarn build`
-
-Compiles the subgraph to WebAssembly.
-
-#### `yarn auth`
-
-Before deploying your subgraph, you need to sign up on the
-[Graph Explorer](https://thegraph.com/explorer/). There, you will be given an access token. Drop it in the command
-below:
-
-```sh
-GRAPH_ACCESS_TOKEN=your-access-token-here yarn subgraph:auth
-```
-
-#### `yarn deploy`
-
-Deploys the subgraph to the official Graph Node.
-
-Replace `paulrberg/create-eth-app` in the package.json script with your subgraph's name.
-
-You may also want to [read more about the hosted service](https://thegraph.com/docs/quick-start#hosted-service).
-
-## Learn More
-
-To learn The Graph, check out the [The Graph documentation](https://thegraph.com/docs).
-
----
-
-1. Generate types
-2. Build distributable files
-3. Deploy to the remote API
-
-## Learn More
-
-You can learn more in the [The Graph documentation](https://thegraph.com/docs).
-
-Also consider joining [The Graph Discord server](https://discord.gg/vtvv7FP), where you can seek out help.
-
-## Common Errors
-
-### Failed to Compile
-
-> ✖ Failed to compile subgraph: Failed to compile data source mapping: Import file 'src/types/schema.ts' not found.
-> Error: Failed to compile data source mapping: Import file 'src/types/schema.ts' not found.
-
-Run the `yarn subgraph` and this error will go away.
-
-### No Access Token
-
-> ✖ No access token provided
-
-Make sure that you followed the instructions listed above for [yarn auth](#yarn-auth).
-
-### Failed to Deploy
-
-> ✖ Failed to deploy to Graph node https://api.thegraph.com/deploy/: Invalid account name or access token
-
-Make sure that you:
-
-1. Signed up on the [Graph Explorer](https://thegraph.com/explorer)
-2. Followed the instructions listed above for [yarn auth](#yarn-auth)
-3. Replaced `paulrberg/create-eth-app` with your subgraph's name
diff --git a/packages/subgraph/package.json b/packages/subgraph/package.json
deleted file mode 100644
index 490175a..0000000
--- a/packages/subgraph/package.json
+++ /dev/null
@@ -1,15 +0,0 @@
-{
- "name": "@project/subgraph",
- "version": "1.0.0",
- "dependencies": {
- "@graphprotocol/graph-cli": "0.18.0",
- "@graphprotocol/graph-ts": "0.18.1"
- },
- "license": "MIT",
- "scripts": {
- "auth": "graph auth https://api.thegraph.com/ $GRAPH_ACCESS_TOKEN",
- "build": "graph build",
- "codegen": "graph codegen --output-dir src/types/",
- "deploy": "graph deploy paulrberg/create-eth-app --ipfs https://api.thegraph.com/ipfs/ --node https://api.thegraph.com/deploy/"
- }
-}
diff --git a/packages/subgraph/schema.graphql b/packages/subgraph/schema.graphql
deleted file mode 100644
index 70a1d53..0000000
--- a/packages/subgraph/schema.graphql
+++ /dev/null
@@ -1,13 +0,0 @@
-type Token @entity {
- id: ID!
- decimals: Int
- name: String
- symbol: String
-}
-
-type Transfer @entity {
- id: ID!
- from: String!
- to: String!
- value: BigInt!
-}
diff --git a/packages/subgraph/src/mappings/tokens.ts b/packages/subgraph/src/mappings/tokens.ts
deleted file mode 100644
index 16bdb3f..0000000
--- a/packages/subgraph/src/mappings/tokens.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { Token } from "../types/schema";
-
-export function addToken(address: string): void {
- let token = Token.load(address);
- if (token != null) {
- return;
- }
-
- token = new Token(address);
- if (address == "0xc1c0472c0c80bccdc7f5d01a376bd97a734b8815") {
- token.decimals = 18;
- token.name = "CeaErc20";
- token.symbol = "CEAERC20";
- } else {
- token.decimals = 0;
- token.name = null;
- token.symbol = null;
- }
-
- token.save();
-}
diff --git a/packages/subgraph/src/mappings/transfers.ts b/packages/subgraph/src/mappings/transfers.ts
deleted file mode 100644
index 3aaeecb..0000000
--- a/packages/subgraph/src/mappings/transfers.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { Transfer } from "../types/schema";
-import { Transfer as TransferEvent } from "../types/CeaErc20/erc20";
-import { addToken } from "./tokens";
-
-export function handleTransfer(event: TransferEvent): void {
- let transactionHash = event.transaction.hash.toHex();
- let transfer = new Transfer(transactionHash);
- transfer.from = event.params.from.toHex();
- transfer.to = event.params.to.toHex();
- transfer.value = event.params.value;
- transfer.save();
- addToken(event.transaction.to.toHex());
-}
diff --git a/packages/subgraph/subgraph.yaml b/packages/subgraph/subgraph.yaml
deleted file mode 100644
index 35bb877..0000000
--- a/packages/subgraph/subgraph.yaml
+++ /dev/null
@@ -1,26 +0,0 @@
-specVersion: 0.0.2
-description: Subgraph that indexes the blockchain data
-repository: https://github.com/sablierhq/sablier-subgraph
-schema:
- file: ./schema.graphql
-dataSources:
- - kind: ethereum/contract
- name: CeaErc20
- network: mainnet
- source:
- abi: erc20
- address: "0xc1C0472c0C80bCcDC7F5D01A376Bd97a734B8815"
- mapping:
- kind: ethereum/events
- apiVersion: 0.0.3
- abis:
- - name: erc20
- file: ../contracts/src/abis/erc20.json
- entities:
- - Token
- - Transfer
- eventHandlers:
- - event: Transfer(indexed address,indexed address,uint256)
- handler: handleTransfer
- file: ./src/mappings/transfers.ts
- language: wasm/assemblyscript
diff --git a/src/App.tsx b/src/App.tsx
new file mode 100644
index 0000000..17c22d3
--- /dev/null
+++ b/src/App.tsx
@@ -0,0 +1,156 @@
+import { Button, Card, Input, Skeleton, Spinner, Typography } from "@ensdomains/thorin";
+import { useQuery } from "@tanstack/react-query";
+import { useEffect, useState } from "react";
+import { type Hex, formatEther, labelhash } from "viem";
+import { useAccount, useClient, useConnect, useDisconnect } from "wagmi";
+import { DeedComponent } from "./Deed";
+import { lookupDeed } from "./query/lookupDeed";
+import { getDeedStatsQueryFn, getDeedsForAccountQueryFn } from "./query/reclaimSubgraph";
+import { useSimpleSearch } from "./query/useSimpleSearch";
+import { shortenAddress } from "./utils";
+
+const getWarning = () => false;
+
+function App() {
+ const account = useAccount();
+ const client = useClient();
+ const { connectors, connect } = useConnect();
+ const { disconnect } = useDisconnect();
+
+ const [searchValue, setSearchValue] = useState("");
+
+ const warning = getWarning();
+ const { data: deedStats, isLoading: isDeedStatsLoading } = useQuery({
+ queryFn: getDeedStatsQueryFn,
+ queryKey: ["deedStats"],
+ });
+
+ const search = useSimpleSearch();
+
+ const reference = search.data || {
+ address: null,
+ is2ldEth: false,
+ name: null,
+ };
+
+ const { data: deedsData, isLoading: isDeedsDataLoading } = useQuery({
+ queryKey: [reference, "getDeedsForAccount"],
+ queryFn: getDeedsForAccountQueryFn(client),
+ enabled: !!reference.address,
+ });
+
+ const { data: singleDeed, isLoading: isSingleDeedLoading } = useQuery({
+ queryKey: [reference, "lookupDeed"],
+ queryFn: lookupDeed(client),
+ enabled: !!reference.name && reference.is2ldEth,
+ });
+
+ const isLoading = isSingleDeedLoading || isDeedsDataLoading || search.isLoading;
+ const isDebouncing = search.variables !== searchValue && search.variables !== account.address;
+ const isEmpty = !searchValue && !account.address;
+
+ const deeds = deedsData?.deeds || [];
+
+ useEffect(() => {
+ if (searchValue) search.mutate(searchValue);
+ else if (account.address) search.mutate(account.address);
+ else search.mutate("");
+ }, [searchValue, account.address]);
+
+ return (
+
+
+ Showing results for account {shortenAddress(deedsData.id)}
+
+
+ {deeds.length} claimable deposits found with a total value of{" "}
+ {formatEther(deedsData.sum)} ETH
+
+