Skip to content

Commit

Permalink
Merge pull request #25 from webb-tools/allocation-feb28
Browse files Browse the repository at this point in the history
  • Loading branch information
@drewstone
drewstone authored Mar 8, 2024
2 parents f2dbedc + c0b2486 commit 2607523
Show file tree
Hide file tree
Showing 20 changed files with 1,206 additions and 145 deletions.
229 changes: 229 additions & 0 deletions components/AllocationTable.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,229 @@
import React from "react";
import styled from "styled-components";

const TableContainer = styled.div`
overflow-x: auto;
margin: 20px;
`;

const Table = styled.table`
width: 100%;
border-collapse: collapse;
text-align: left;
font-size: 14px;
@media (max-width: 768px) {
font-size: 12px;
}
`;

const Header = styled.th`
background-color: #f1f1f1;
padding: 12px;
font-weight: bold;
border: 1px solid #ddd;
white-space: nowrap;
`;

const Row = styled.tr`
&:nth-child(even) {
background-color: #f9f9f9;
}
`;

const SubtotalRow = styled(Row)`
background-color: #e6f2ff !important;
font-weight: bold;
`;

const TotalRow = styled(Row)`
background-color: #d9ead3;
font-weight: bold;
`;

const Cell = styled.td`
padding: 12px;
border: 1px solid #ddd;
white-space: nowrap;
`;

export default function AllocationTable() {
return (
<TableContainer>
<Table>
<thead>
<Row>
<Header>Allocation Category</Header>
<Header>Entity Name</Header>
<Header>Allocated Share (%)</Header>
<Header>Vesting Plan</Header>
<Header>Cliff (Months)</Header>
<Header>Vesting Period (Months)</Header>
<Header>Immediate Liquidity (%)</Header>
<Header>Initial Liquid Tokens</Header>
<Header>Cliff-Release Tokens</Header>
<Header>Monthly Vesting Rate</Header>
<Header>Total Tokens Allocated</Header>
</Row>
</thead>
<tbody>
<Row>
<Cell>Contributors</Cell>
<Cell>Webb (Developer)</Cell>
<Cell>28.56%</Cell>
<Cell>B-Vesting</Cell>
<Cell>12</Cell>
<Cell>24</Cell>
<Cell>5%</Cell>
<Cell>1,356,250.00</Cell>
<Cell>12,884,375.00</Cell>
<Cell>2,147,395.83</Cell>
<Cell>27,125,000.00</Cell>
</Row>
<Row>
<Cell>Contributors</Cell>
<Cell>Investors</Cell>
<Cell>13.64%</Cell>
<Cell>A-Vesting</Cell>
<Cell>12</Cell>
<Cell>24</Cell>
<Cell>0%</Cell>
<Cell>0.00</Cell>
<Cell>6,820,000.00</Cell>
<Cell>1,136,666.67</Cell>
<Cell>13,640,000.00</Cell>
</Row>
<Row>
<Cell>Contributors</Cell>
<Cell>Indiv. Webb Contributors</Cell>
<Cell>1.44%</Cell>
<Cell>B-Vesting</Cell>
<Cell>12</Cell>
<Cell>48</Cell>
<Cell>5%</Cell>
<Cell>71,750.00</Cell>
<Cell>340,812.50</Cell>
<Cell>37,868.06</Cell>
<Cell>1,435,000.00</Cell>
</Row>
<SubtotalRow>
<Cell colSpan={2}>
<strong>Contributors Subtotal</strong>
</Cell>
<Cell>43.64%</Cell>
<Cell colSpan={4}></Cell>
<Cell>1,428,000.00</Cell>
<Cell colSpan={2}></Cell>
<Cell>42,200,000.00</Cell>
</SubtotalRow>
<Row>
<Cell>Governance-Managed</Cell>
<Cell>Treasury</Cell>
<Cell>36.36%</Cell>
<Cell>n/a</Cell>
<Cell>n/a</Cell>
<Cell>n/a</Cell>
<Cell>100%</Cell>
<Cell>n/a</Cell>
<Cell>n/a</Cell>
<Cell>n/a</Cell>
<Cell>36,360,000.00</Cell>
</Row>
<Row>
<Cell>Governance-Managed</Cell>
<Cell>Foundation</Cell>
<Cell>15.00%</Cell>
<Cell>n/a</Cell>
<Cell>n/a</Cell>
<Cell>n/a</Cell>
<Cell>100%</Cell>
<Cell>n/a</Cell>
<Cell>n/a</Cell>
<Cell>n/a</Cell>
<Cell>15,000,000.00</Cell>
</Row>
<SubtotalRow>
<Cell colSpan={2}>
<strong>Governance-Managed Subtotal</strong>
</Cell>
<Cell>51%</Cell>
<Cell colSpan={7}></Cell>
<Cell>51,360,000.00</Cell>
</SubtotalRow>
<Row>
<Cell>Airdrops</Cell>
<Cell>Leaderboard Participants</Cell>
<Cell>2%</Cell>
<Cell>C-Vesting</Cell>
<Cell>1</Cell>
<Cell>24</Cell>
<Cell>5%</Cell>
<Cell>100,000.00</Cell>
<Cell>79,166.67</Cell>
<Cell>82,608.70</Cell>
<Cell>2,000,000.00</Cell>
</Row>
<Row>
<Cell>Airdrops</Cell>
<Cell>DOT Validators Snapshot</Cell>
<Cell>1%</Cell>
<Cell>C-Vesting</Cell>
<Cell>1</Cell>
<Cell>24</Cell>
<Cell>5%</Cell>
<Cell>50,000.00</Cell>
<Cell>39,583.33</Cell>
<Cell>41,304.35</Cell>
<Cell>1,000,000.00</Cell>
</Row>
<Row>
<Cell>Airdrops</Cell>
<Cell>EDG Genesis Participants</Cell>
<Cell>1%</Cell>
<Cell>C-Vesting</Cell>
<Cell>1</Cell>
<Cell>24</Cell>
<Cell>5%</Cell>
<Cell>50,000.00</Cell>
<Cell>39,583.33</Cell>
<Cell>41,304.35</Cell>
<Cell>1,000,000.00</Cell>
</Row>
<Row>
<Cell>Airdrops</Cell>
<Cell>EDG 2023 Snapshot</Cell>
<Cell>1%</Cell>
<Cell>C-Vesting</Cell>
<Cell>1</Cell>
<Cell>24</Cell>
<Cell>5%</Cell>
<Cell>50,000.00</Cell>
<Cell>39,583.33</Cell>
<Cell>41,304.35</Cell>
<Cell>1,000,000.00</Cell>
</Row>
<SubtotalRow>
<Cell colSpan={2}>
<strong>Airdrops Subtotal</strong>
</Cell>
<Cell colSpan={5}></Cell>
<Cell>250,000.00</Cell>
<Cell>197,916.67</Cell>
<Cell colSpan={1}></Cell>
<Cell>5,000,000.00</Cell>
</SubtotalRow>
<TotalRow>
<Cell colSpan={2}>
<strong>Total Supply</strong>
</Cell>
<Cell>100%</Cell>
<Cell colSpan={4}></Cell>
<Cell>1,678,000.00</Cell>
<Cell colSpan={2}></Cell>
<Cell>100,000,000.00</Cell>
</TotalRow>
</tbody>
</Table>
</TableContainer>
);
}
106 changes: 106 additions & 0 deletions components/MainnetConfig.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,106 @@
import React, { useState } from "react";
import Link from "next/link";
import styles from "./NetworkConfig.module.css";

const NetworkCard = ({
cardTitle,
network,
type,
symbol,
decimals,
chainId,
rpcUrl,
wssUrl,
explorerUrls,
fundingInfo,
}) => {
return (
<div className={styles.networkCard}>
<div className={styles.networkType}>
{type} {cardTitle}
</div>
<div className={styles.titleContainer}>
<h2 className={styles.networkTitle}>{network}</h2>
</div>
<table className={styles.table}>
<tbody>
<tr className={styles.tableRow}>
<th className={styles.tableHeader}>Network Type</th>
<td className={styles.tableCell}>{type}</td>
</tr>
<tr className={styles.tableRow}>
<th className={styles.tableHeader}>Native Asset Symbol</th>
<td className={styles.tableCell}>{symbol}</td>
</tr>
<tr className={styles.tableRow}>
<th className={styles.tableHeader}>Native Asset Decimals</th>
<td className={styles.tableCell}>{decimals}</td>
</tr>
<tr className={styles.tableRow}>
<th className={styles.tableHeader}>Chain ID</th>
<td className={styles.tableCell}>{chainId}</td>
</tr>
<tr className={styles.tableRow}>
<th className={styles.tableHeader}>Public RPC URL</th>
<td className={styles.tableCell}>
<Link href={rpcUrl}>{rpcUrl}</Link>
</td>
</tr>
<tr className={styles.tableRow}>
<th className={styles.tableHeader}>Public WSS URL</th>
<td className={styles.tableCell}>
<Link href={wssUrl}>{wssUrl}</Link>
</td>
</tr>
{explorerUrls.map((explorer, index) => (
<tr key={index}>
<th className={styles.tableHeader}>
{index === 0 ? "Interfaces & Explorers" : ""}
</th>
<td className={styles.tableCell}>
<Link href={explorer.url}>{explorer.name}</Link>
</td>
</tr>
))}
</tbody>
</table>
</div>
);
};

const NetworkInfo = () => {
// Define the network details here or fetch from an API
const networks = [
{
cardTitle: "Network Information",
network: "Tangle Network",
type: "Mainnet",
symbol: "TNT",
decimals: 18,
chainId: "5845",
rpcUrl: "https://rpc.tangle.tools",
wssUrl: "wss://rpc.tangle.tools",
explorerUrls: [
{ name: "BlockScout", url: "https://testnet-explorer.tangle.tools" }, // Update this
{
name: "PolkadotJS",
url: "TBD", // Update this
},
],
fundingInfo: {
url: "https://discord.gg/PQDYv5GT",
},
},
// Add Tangle Mainnet details here when available
];

return (
<div className={styles.networkInfo}>
{networks.map((network, index) => (
<NetworkCard key={index} {...network} />
))}
</div>
);
};

export default NetworkInfo;
11 changes: 3 additions & 8 deletions next.config.mjs
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,4 @@
import nextra from "nextra";
import rehypeKatex from "rehype-katex";
import remarkMath from "remark-math";

/**
* @type {import('next').NextConfig}
Expand Down Expand Up @@ -39,11 +37,8 @@ const withNextra = nextra({
themeConfig: "./theme.config.js",
staticImage: true,
flexsearch: true,
latex: true,
mdxOptions: {
remarkPlugins: [remarkMath],
rehypePlugins: [rehypeKatex],
},
latex: true, // Ensure this is enabled to use Nextra's native LaTeX support
// Since Nextra supports LaTeX natively, remove the custom MDX option for remarkMath and rehypeKatex
});

export default withNextra(nextConfig);
export default withNextra(nextConfig);
Loading

0 comments on commit 2607523

Please sign in to comment.