Skip to content

Remove migration page (by updating content) #33

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
mike-parkhill merged 2 commits into from
Mar 18, 2025
Merged

Remove migration page (by updating content) #33

Changes from 1 commit
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
00f2b69
Remove migration page (by updating content)
cykoder Mar 17, 2025
0f2f4fa
add link to cheqd Telegram channel
mike-parkhill Mar 18, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
251 changes: 3 additions & 248 deletions packages/page-migration/src/Migration/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,265 +1,20 @@
// Copyright 2017-2022 @polkadot/app-rpc authors & contributors
// SPDX-License-Identifier: Apache-2.0

import React, { useState, useEffect } from 'react';
import React from 'react';

import type { DeriveBalancesAll } from '@polkadot/api-derive/types';
import type { RuntimeDispatchInfo } from '@polkadot/types/interfaces';

import { Available, Dropdown, InputAddressCheqd } from '@polkadot/react-components';
import { InputAddress, MarkError, MarkWarning, TxButton, Button } from '@polkadot/react-components';
import { MarkWarning } from '@polkadot/react-components';

import { useTranslation } from '../translate';
import { isValidCheqdAddress, getCheqdAddressError } from '@polkadot/react-components/InputAddressCheqd';
import { useApi, useCall } from '@polkadot/react-hooks';
import { formatBalance, nextTick } from '@polkadot/util';

function convertDockToCheqd(dockBalance) {
if (!dockBalance) {
return 0;
}
const swapRatio = 18.5178;
const dockAmt = dockBalance.toNumber() / 1000000;
const cheqdBalance = dockAmt / swapRatio;
return cheqdBalance;
}

function hasAvailableBalance(dockBalance) {
if (!dockBalance || !dockBalance.availableBalance) {
return false;
}
return !dockBalance.availableBalance.isZero();
}

function hasLockedBalance(dockBalance) {
if (!dockBalance || !dockBalance.lockedBalance) {
return false;
}
return !dockBalance.lockedBalance.isZero();
}

function MigrationApp ({ className }): React.ReactElement {
const { t } = useTranslation();
const [senderId, setSenderId] = useState<string | null>(null);
const [cheqdId, setCheqdId] = useState<string>('');
const [selectFromDropdown, setSelectFromDropdown] = useState<boolean>(false);
const [cheqdAddresses, setCheqdAddresses] = useState<string[]>([]);
const [dispatchInfo, setDispatchInfo] = useState<RuntimeDispatchInfo | null>(null);
const { api } = useApi();
const allBalances = useCall<DeriveBalancesAll>(api.derive.balances?.all, [senderId]);
const values = [cheqdId];
const extrinsic = api && api.tx && api.tx.cheqdMigration && api.tx.cheqdMigration.migrate(values);
const isValid = senderId && cheqdId && isValidCheqdAddress(cheqdId);
const totalMigrationBalance = allBalances ? (dispatchInfo ? allBalances.availableBalance.sub(dispatchInfo.partialFee) : allBalances.availableBalance) : 0;

useEffect((): void => {
senderId && extrinsic && api.call.transactionPaymentApi &&
nextTick(async (): Promise<void> => {
try {
const info = await extrinsic.paymentInfo(senderId);
setDispatchInfo(info);
} catch (error) {
console.error(error);
}
});
}, [api, senderId, extrinsic]);

function handleSuccess() {
window.location = 'https://www.dock.io/token-migration-success';
}

async function getExtensionAddresses() {
const chainId = 'cheqd-mainnet-1';
const walletObj = window.keplr || window.leap;

await walletObj.enable(chainId);

const offlineSigner = walletObj.getOfflineSigner(chainId);
const accounts = await offlineSigner.getAccounts();
setCheqdAddresses([...cheqdAddresses, ...accounts.map(({ address }) => address)]);
setSelectFromDropdown(accounts.length > 0);
}

useEffect(() => {
if (window.keplr || window.leap) {
getExtensionAddresses();
}
}, []);

return (
<div className={`staking--Overview ${className}`}>
<MarkWarning
className='warning centered'
content={t<string>('Migrating your Dock balance to cheqd will zero the balance on your Dock account.')}
content={t<string>('The DOCK -> CHEQD token migration has ended as of March 15th, 2025')}
Copy link
Copy Markdown

@mike-parkhill mike-parkhill Mar 17, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

wondering if we should direct them to the Cheqd support channels here

what do you think @AgneCaunt?

Copy link
Copy Markdown

@AgneCaunt AgneCaunt Mar 17, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

If we are turning off the entire page we dont need to put anything too permanent, maybe a link to their Telegram group @cheqd. I will update the documentation portal with more detailed information.

Copy link
Copy Markdown
Member Author

@cykoder cykoder Mar 18, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

so is there any change needed here or no? if anything id just link to the documentation portal, or show nothing as its likely they came to the migration section from another page/announcement

Copy link
Copy Markdown

@AgneCaunt AgneCaunt Mar 18, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@cykoder add "The DOCK -> CHEQD token migration has ended as of March 15th, 2025. If you need assistance contact cheqd team on Telegram"

/>

<p style={{
fontSize: '18px',
marginBottom: '20px',
}}>
The Dock network is migrating its functionality and all tokens to the cheqd blockchain. This migration will allow Dock to leverage cheqd’s advanced infrastructure and bring enhanced value to both ecosystems. Existing $DOCK tokens will be converted into $CHEQ tokens, ensuring a smooth transition for all token holders.
</p>

<p style={{
fontSize: '18px',
marginBottom: '20px',
}}>
Before you start the process make sure you have a cheqd account. If you do not currently have one, <a href="https://docs.cheqd.io/product/network/wallets" target="_blank">see instructions on how to create one</a>.
</p>

<p style={{
fontSize: '18px',
}}>
To migrate your $DOCK tokens:
</p>
<ol
style={{
fontSize: '18px',
marginBottom: '20px',
lineHeight: '34px',
}}>
<li>
Select your Dock account. If it isn't there follow <a href="https://docs.dock.io/dock-token/dock-token-migration/adding-account-to-the-dock-browser-wallet" target="_blank">these instructions</a>.
</li>
<li>
Connect your cheqd wallet or enter your cheqd account manually. Connecting a Leap wallet will allow us to confirm that the tokens are going to the cheqd account that you control.
</li>
<li>
Accept T&Cs and click <strong>Submit</strong>
</li>
<li>
Authorize the transaction by entering your account password. Click <strong>Sign & Submit</strong>
</li>
</ol>

<p style={{
fontSize: '18px',
marginBottom: '20px',
}}>
The entire amount of the account will be migrated at once. After the migration request is submitted your $DOCK tokens will be burnt and you will be sent the converted CHEQD amount with <strong>Swap Ratio</strong>: 18.5178 $DOCK to 1 $CHEQ. The migration will take up to 1-2 business days to complete, after that the converted $CHEQ amount will be available in the indicated cheqd wallet.
</p>

<p style={{
fontSize: '18px',
marginBottom: '20px',
}}>
The migration service will only be available until <strong>March 15, 2025</strong>.
<br />
Please follow these instructions carefully and contact our team with any questions at <a href="mailto:support@dock.io">support@dock.io</a>.
</p>

<InputAddress
help={t<string>('The account you will migrate to Cheqd.')}
label={t<string>('migrate account')}
labelExtra={
<Available
label={t<string>('transferrable')}
params={senderId}
/>
}
value={senderId}
onChange={setSenderId}
type='account'
/>

<br />

{selectFromDropdown ? (
<>
<Dropdown
className={`ui--InputAddress ${className}`}
help={t<string>('The cheqd account your tokens will be migrated to.')}
label={t<string>('cheqd extension account')}
isMultiple={false}
onChange={setCheqdId}
options={cheqdAddresses.map((cheqdAddress) => ({
value: cheqdAddress,
text: cheqdAddress,
}))}
value={cheqdId}
/>
<a href="#" onClick={(e) => {
e.preventDefault();
setSelectFromDropdown(false);
}}>Enter address manually</a>
</>
) : (
<>
<InputAddressCheqd
help={t<string>('The cheqd account your tokens will be migrated to.')}
label={t<string>('cheqd account')}
value={cheqdId}
onChange={setCheqdId}
type='account'
/>
{cheqdAddresses.length > 0 && (
<>
<a href="#" onClick={(e) => {
e.preventDefault();
setSelectFromDropdown(true);
}}>Select from wallet extension</a>
</>
)}
</>
)}

{cheqdId && !isValidCheqdAddress(cheqdId) && (
<MarkError
className='error centered'
content={t<string>(getCheqdAddressError(cheqdId) || 'This cheqd address is invalid, please check it before continuing.')}
/>
)}

<br /><br />

{(senderId && allBalances) ? (
<p style={{
fontSize: '18px',
}}>
{hasAvailableBalance(allBalances) ? (
hasLockedBalance(allBalances) ? (
<>
This Dock account has <strong>locked or staked</strong> funds, please <a href="https://docs.dock.io/dock-token/staking/how-to-unbond-and-rebond" target="_blank">unbond</a> to migrate.
</>
) : ((
<>
After the migration is complete, your <strong>{formatBalance(totalMigrationBalance)}</strong> (total available minus chain fees) will be converted into <strong>{convertDockToCheqd(totalMigrationBalance)} CHEQD</strong>.
</>
)
)
) : (
<>
This Dock account has <strong>no available balance</strong> to migrate.
</>
)}
</p>
) : (
<p style={{
fontSize: '18px',
}}>

Enter a sender and receiver address to see the total CHEQD you will receive.
</p>
)}

<p style={{
fontSize: '18px',
}}>
By submitting this transaction you agree to the <a href="https://docs.dock.io/dock-token/dock-token-migration/migration-terms-and-conditions">migration terms and conditions</a>.
</p>

<br />

<Button.Group>
<TxButton
accountId={senderId}
extrinsic={extrinsic}
icon='sign-in-alt'
isDisabled={!isValid || !hasAvailableBalance(allBalances) || hasLockedBalance(allBalances)}
onSuccess={handleSuccess}
label={t<string>('Submit Transaction')}
/>
</Button.Group>
</div>
);
}
Expand Down