Skip to content

Commit

Permalink
Merge pull request #499 from unchain-tech/fix/clean-ctrlchar
Browse files Browse the repository at this point in the history
Fix/clean ctrlchar
  • Loading branch information
neila authored Jun 15, 2024
2 parents 1e2cf4d + f609fdc commit bc84083
Show file tree
Hide file tree
Showing 123 changed files with 1,205 additions and 1,193 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,7 @@ yarn contract deploy

その後`assetTokenization address:`に続くコントラクトのアドレスを`client`ディレクトリ内、 `hooks/useContract.ts`の中の以下の部分に貼り付けてください。

```javascript
```js
export const AssetTokenizationAddress = "コントラクトのデプロイ先アドレス";
```

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -135,7 +135,7 @@ contract Messenger {
> Solidity の`mapping`は、ほかの言語におけるハッシュテーブルや辞書のような役割を果たします。
> これらは、下記のように`_Key``_Value`のペアの形式でデータを格納するために使用されます。
>
> ```javascript
> ```js
> mapping(_Key => _Value)public mappingName
> ```
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@

`src/pages/_app.tsx`に移動して、以下のようにコードを更新しましょう。

```typescript
```ts
import { Sepolia } from "@thirdweb-dev/chains";
import { ThirdwebProvider } from "@thirdweb-dev/react";
import type { AppProps } from "next/app";
Expand Down Expand Up @@ -42,7 +42,7 @@ Next.jsにおいてAppコンポーネント (`_app.tsx`) で全ページ共通

srcディレクトリの中に`components/head.tsx`を作成し、以下のコードを追加します。

```typescript
```ts
import * as React from "react";
import Head from "next/head";

Expand Down Expand Up @@ -109,7 +109,7 @@ yarn dev

`src/pages/index.tsx`に移動して、コードを以下とおり更新しましょう。

```typescript
```ts
import { ConnectWallet } from "@thirdweb-dev/react";
import type { NextPage } from "next";

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@

`src/pages/index.tsx`のコードを以下のとおり更新しましょう。

```typescript
```ts
import { Sepolia } from "@thirdweb-dev/chains";
import {
ConnectWallet,
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@

`src/scripts/1-initialize-sdk.ts`を作成して、以下を追加します。

```typescript
```ts
import nextEnv from "@next/env";
import { ThirdwebSDK } from "@thirdweb-dev/sdk";

Expand Down Expand Up @@ -65,7 +65,7 @@ export default sdk;

続いて、`next.config.js`を以下のとおり変更します。

```typescript
```ts
/** @type {import('next').NextConfig} */
export const nextConfig = {
reactStrictMode: true,
Expand Down Expand Up @@ -109,7 +109,7 @@ _📝 備考: `ExperimentalWarning`のようなランダムな警告が表示さ

※ コレクションのアイコンとなる画像はお気に入りの画像に変更しておきましょう。

```typescript
```ts
import { AddressZero } from "@ethersproject/constants";
import { readFileSync } from "fs";

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@

※ あなたのメンバーシップNFT用の画像を設定することを忘れないでください!

```typescript
```ts
import { readFileSync } from "fs";

import sdk from "./1-initialize-sdk";
Expand Down Expand Up @@ -88,7 +88,7 @@ Done in 30.57s.

`src/scripts/4-set-claim-condition.ts`を作成し、下記のコードを追加しましょう。

```typescript
```ts
import { MaxUint256 } from "@ethersproject/constants";

import sdk from "./1-initialize-sdk";
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@

※ あなたのコントラクトアドレスを設定することを忘れないでください!

```typescript
```ts
import { Sepolia } from "@thirdweb-dev/chains";
import {
ConnectWallet,
Expand Down Expand Up @@ -123,7 +123,7 @@ export default Home;

※ あなたのコントラクトアドレスを設定することを忘れないでください!

```typescript
```ts
import { Sepolia } from "@thirdweb-dev/chains";
import {
ConnectWallet,
Expand Down Expand Up @@ -300,7 +300,7 @@ NFTのミント画面を描画する前に、以下のコメント`DAO ダッシ

`src/pages/index.tsx`に移動し、コードの一部を以下のとおり変更します。

```typescript
```ts
// ウォレットと接続していなかったら接続を促す
if (!address) {
return (
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -137,7 +137,7 @@ MetaMask"Import Token" をクリックするだけです。

`src/scripts/6-print-money.ts`を作成し、下記コードを追加しましょう。

```typescript
```ts
import sdk from "./1-initialize-sdk";
import { ERCTokenAddress } from "./module";

Expand Down Expand Up @@ -212,7 +212,7 @@ Done in 32.95s.

`src/scripts/7-airdrop-token.ts`を作成し、以下のコードを追加してください。

```typescript
```ts
import sdk from "./1-initialize-sdk";
import { editionDropAddress, ERCTokenAddress } from "./module";

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@

まず、`src/pages/index.tsx`へ移動し、`react`のインポート部分のコードを以下のとおり変更します。

```typescript
```ts
import { useEffect, useMemo, useState } from "react";
```

Expand All @@ -18,7 +18,7 @@ import { useEffect, useMemo, useState } from "react";

※ あなたのアドレスを設定することを忘れないでください!

```typescript
```ts
// トークンコントラクトの初期化
const token = useContract("INSERT_TOKEN_ADDRESS", "token").contract;
```
Expand All @@ -31,7 +31,7 @@ ERC-20から、各メンバーが持っているトークンの数を取得し

次に、`const [isClaiming, setIsClaiming] = useState(false)`の下に、以下のコードを追加します。

```typescript
```ts
// メンバーごとの保有しているトークンの数をステートとして宣言
const [memberTokenAmounts, setMemberTokenAmounts] = useState<any>([]);

Expand Down Expand Up @@ -136,7 +136,7 @@ stateにデータを保持するところまではできているので、早速

`src/pages/index.tsx`のDAOダッシュボード画面を表示している箇所を以下のとおり置き換えます(161行目のあたりです)。

```typescript
```ts
// ユーザーがすでに NFT を要求している場合は、内部 DAO ページを表示します
// これは DAO メンバーだけが見ることができ、すべてのメンバーとすべてのトークン量をレンダリングします
else if (hasClaimedNFT){
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ DAOの運営のために使われるガバナンストークンは素晴らし

それでは早速、`src/scripts/8-deploy-vote.ts`を作成し、以下のコードを追加しましょう。

```typescript
```ts
import sdk from "./1-initialize-sdk";
import { ERCTokenAddress } from "./module";

Expand Down Expand Up @@ -143,7 +143,7 @@ ENSでは、供給量の50% がコミュニティ、25% はエアドロッ

それでは、`src/scripts/9-setup-vote.ts`を作成し、以下のコードを追加しましょう。

```typescript
```ts
import sdk from "./1-initialize-sdk";
import { ERCTokenAddress, governanceAddress } from "./module";

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@

まず、`src/scripts/10-create-vote-proposals.ts`を作成し、以下のとおりコードを変更します。

```typescript
```ts
import { ethers } from "ethers";

import sdk from "./1-initialize-sdk";
Expand Down Expand Up @@ -122,30 +122,30 @@ Done in 54.29s.

まず、`Proposal`をインポートします。

```typescript
```ts
import { Proposal } from "@thirdweb-dev/sdk";
```

続いて、`const token = useContract...`の下に投票コントラクトを初期化するコードを追加します。

※ あなたのアドレスを設定することを忘れないでください!

```typescript
```ts
// 投票コントラクトの初期化
const vote = useContract("INSERT_VOTE_ADDRESS", "vote").contract;
```

さらに、`const [memberAddresses, setMemberAddresses] = useState...`の下に新しい`useState`を追加します。

```typescript
```ts
const [proposals, setProposals] = useState<Proposal[]>([]);
const [isVoting, setIsVoting] = useState(false);
const [hasVoted, setHasVoted] = useState(false);
```

さいごに、`shortenAddress`関数の下に以下のコードを追加します。

```typescript
```ts
// コントラクトから既存の提案を全て取得します
useEffect(() => {
if (!hasClaimedNFT) {
Expand Down Expand Up @@ -218,13 +218,13 @@ useEffect(() => {

まず、以下の`AddressZero`をインポートします。

```typescript
```ts
import { AddressZero } from "@ethersproject/constants";
```

続いて、DAOダッシュボード画面を表示している`else if (hasClaimedNFT) {...}`の中身を以下のコードに置き換えます。

```typescript
```ts
return (
<div className={styles.container}>
<main className={styles.main}>
Expand Down
Loading

0 comments on commit bc84083

Please sign in to comment.