116 lines
3.8 KiB
TypeScript
116 lines
3.8 KiB
TypeScript
import React from 'react';
|
|
import GeneralInfoNode from './GeneralInfoNode';
|
|
import { HELP_ARTICLE } from 'config';
|
|
import { InfoNode } from './types';
|
|
import { NewTabLink, HelpLink } from 'components/ui';
|
|
|
|
const generalInfoNodes: InfoNode[] = [
|
|
{
|
|
name: 'ensPrep',
|
|
headerContent: '1. Preparation',
|
|
innerList: [
|
|
<li key="ensPrep-1">
|
|
Decide which account you wish to own the name & ensure you have multiple backups of that
|
|
account.
|
|
</li>,
|
|
<li key="ensPrep-2">
|
|
Decide the maximum amount of ETH you are willing to pay for the name (your <u>Bid Amount</u>).
|
|
Ensure that account has enough to cover your bid + 0.01 ETH for gas.
|
|
</li>
|
|
]
|
|
},
|
|
{
|
|
name: 'ensAuct',
|
|
headerContent: '2. Start an Auction / Place a Bid',
|
|
innerList: [
|
|
<li key="ensAuct-1">Bidding period lasts 3 days (72 hours).</li>,
|
|
<li key="ensAuct-2">
|
|
You will enter the <u>name</u>, <u>Actual Bid Amount</u>, <u>Bid Mask</u>, which is
|
|
protected by a <u>Secret Phrase</u>
|
|
</li>,
|
|
<li key="ensAuct-3">
|
|
This places your bid, but this information is kept secret until you reveal it.
|
|
</li>
|
|
]
|
|
},
|
|
{
|
|
name: 'ensReveal',
|
|
headerContent: '3. Reveal your Bid',
|
|
innerList: [
|
|
<li key="ensReveal-1">
|
|
<strong>If you do not reveal your bid, you will not be refunded.</strong>
|
|
</li>,
|
|
<li key="ensReveal-2"> Reveal Period lasts 2 days (48 hours). </li>,
|
|
<li key="ensReveal-3">
|
|
You will unlock your account, enter the <u>Bid Amount</u>, and the <u>Secret Phrase</u>.
|
|
</li>,
|
|
<li key="ensReveal-4">
|
|
In the event that two parties bid exactly the same amount, the first bid revealed will win.
|
|
</li>
|
|
]
|
|
},
|
|
{
|
|
name: 'ensFinalize',
|
|
headerContent: '4. Finalize the Auction',
|
|
innerList: [
|
|
<li key="ensFinalize-1">
|
|
Once the auction has ended (after 5 days / 120 hours), the winner needs to finalize the
|
|
auction in order to claim their new name.
|
|
</li>,
|
|
<li key="ensFinalize-2">
|
|
The winner will be refunded the difference between their bid and the next-highest bid. If
|
|
you are the only bidder, you will refunded all but 0.01 ETH.
|
|
</li>
|
|
]
|
|
},
|
|
{
|
|
name: 'ensMore',
|
|
headerContent: 'More Information',
|
|
innerList: [
|
|
<li key="ensMore-1">
|
|
The auction for this registrar is a blind auction, and is described in
|
|
<NewTabLink content=" EIP162" href="https://github.com/ethereum/EIPs/issues/162" />
|
|
. Basically, no one can see *anything* during the auction.
|
|
</li>,
|
|
<li key="ensMore-2">
|
|
<NewTabLink
|
|
content="ENS: Read the Docs"
|
|
href="https://docs.ens.domains/en/latest/userguide.html#registering-a-name-with-the-auction-registrar"
|
|
/>
|
|
</li>,
|
|
<li key="ensMore-3">
|
|
<NewTabLink
|
|
content="Announcing the Ethereum Name Service Relaunch Date!"
|
|
href="https://medium.com/the-ethereum-name-service/announcing-the-ethereum-name-service-relaunch-date-4390af6dd9a2"
|
|
/>
|
|
</li>
|
|
]
|
|
}
|
|
];
|
|
|
|
const GeneralInfoList = () => (
|
|
<section>
|
|
{generalInfoNodes.map((data: InfoNode) => <GeneralInfoNode key={data.name} {...data} />)}
|
|
</section>
|
|
);
|
|
|
|
export const GeneralInfoPanel = () => (
|
|
<article className="block">
|
|
<div className="cont-md">
|
|
<h4> What is the process like? </h4>
|
|
<GeneralInfoList />
|
|
<h6>
|
|
<HelpLink article={HELP_ARTICLE.ENS}>Help Center: ENS</HelpLink>
|
|
·
|
|
<HelpLink article={HELP_ARTICLE.ENS_BAD_REVEAL}>
|
|
Debugging a [BAD INSTRUCTION] Reveal
|
|
</HelpLink>
|
|
</h6>
|
|
<p>
|
|
Please try the above before relying on support for reveal issues as we are severely
|
|
backlogged on support tickets. We're so sorry. :(
|
|
</p>
|
|
</div>
|
|
</article>
|
|
);
|