+
+ +
+
{metadata.name}
+{metadata.description}
+date: {transaction.claimDate.toDateString()}
+time: {transaction.claimDate.toTimeString()}
++ contract address:{' '} + + {`<${transaction.contractIndex}, 0>`} + +
+is on whitelist: {String(transaction.isOnWhitelist)}
+selected index: {String(transaction.selectedToken)}
+amount of tokens: {String(transaction.amountOfTokens)}
++ status:{' '} + {transaction.error + ? getErrorMessage(transaction.error) + : 'success'} +
+date: {transaction.initDate.toDateString()}
+time: {transaction.initDate.toTimeString()}
++ contract address:{' '} + + {`<${transaction.contractIndex}, 0>`} + +
+nft limit: {transaction.nftLimit}
+reserve: {transaction.reserve}
+nft limit per address: {transaction.nftLimitPerAddress}
+airdrop end time: {transaction.endTime.toString()}
+selected index: {String(transaction.selectedIndex)}
++ status:{' '} + {transaction.error + ? getErrorMessage(transaction.error) + : 'success'} +
++ Here you can download simple metadata examples for testing the + application: +
+ +page not found
+{name}:
+ +{link.replace(IPFS_URL + '/', '')}
+
+
+ );
+};
diff --git a/airdrop/frontend/src/shared/components/spinner/index.ts b/airdrop/frontend/src/shared/components/spinner/index.ts
new file mode 100644
index 00000000..ef241e9d
--- /dev/null
+++ b/airdrop/frontend/src/shared/components/spinner/index.ts
@@ -0,0 +1 @@
+export { Spinner } from './ui/spinner';
diff --git a/airdrop/frontend/src/shared/components/spinner/ui/spinner.module.css b/airdrop/frontend/src/shared/components/spinner/ui/spinner.module.css
new file mode 100644
index 00000000..501afd75
--- /dev/null
+++ b/airdrop/frontend/src/shared/components/spinner/ui/spinner.module.css
@@ -0,0 +1,42 @@
+.spinner {
+ border: 5px solid #333;
+ border-bottom-color: transparent;
+ border-radius: 50%;
+ display: inline-block;
+ box-sizing: border-box;
+ animation: rotation 1s linear infinite;
+}
+
+@keyframes rotation {
+ 0% {
+ transform: rotate(0deg);
+ }
+
+ 100% {
+ transform: rotate(360deg);
+ }
+}
+
+.xs {
+ border-width: 2px;
+ width: 24px;
+ height: 24px;
+}
+
+.sm {
+ border-width: 3px;
+ width: 36px;
+ height: 36px;
+}
+
+.md {
+ border-width: 4px;
+ width: 48px;
+ height: 48px;
+}
+
+.lg {
+ border-width: 8px;
+ width: 96px;
+ height: 96px;
+}
diff --git a/airdrop/frontend/src/shared/components/spinner/ui/spinner.tsx b/airdrop/frontend/src/shared/components/spinner/ui/spinner.tsx
new file mode 100644
index 00000000..70951023
--- /dev/null
+++ b/airdrop/frontend/src/shared/components/spinner/ui/spinner.tsx
@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import cls from './spinner.module.css';
+import classNames from 'classnames';
+
+interface SpinnerProps {
+ className?: string;
+ variant?: 'xs' | 'sm' | 'md' | 'lg';
+}
+
+export const Spinner: FC+ {description} +
+ + ); +}; diff --git a/airdrop/frontend/src/shared/components/text-alert/index.ts b/airdrop/frontend/src/shared/components/text-alert/index.ts new file mode 100644 index 00000000..afe03deb --- /dev/null +++ b/airdrop/frontend/src/shared/components/text-alert/index.ts @@ -0,0 +1 @@ +export { TextAlert } from './ui/text-alert.tsx'; diff --git a/airdrop/frontend/src/shared/components/text-alert/ui/text-alert.tsx b/airdrop/frontend/src/shared/components/text-alert/ui/text-alert.tsx new file mode 100644 index 00000000..79ef6aaa --- /dev/null +++ b/airdrop/frontend/src/shared/components/text-alert/ui/text-alert.tsx @@ -0,0 +1,27 @@ +import { FC, ReactNode } from 'react'; +import { ExclamationTriangleIcon } from '@heroicons/react/24/outline'; + +interface TextAlertProps { + icon?: boolean; + className?: string; + children?: ReactNode; +} + +export const TextAlert: FC
+ {icon && (
+
+
+ {children} +
+ ); +}; diff --git a/airdrop/frontend/src/shared/components/transaction-hash-link/index.ts b/airdrop/frontend/src/shared/components/transaction-hash-link/index.ts new file mode 100644 index 00000000..a703d3bb --- /dev/null +++ b/airdrop/frontend/src/shared/components/transaction-hash-link/index.ts @@ -0,0 +1 @@ +export { TransactionHashLink } from './ui/transaction-hash-link'; diff --git a/airdrop/frontend/src/shared/components/transaction-hash-link/ui/transaction-hash-link.tsx b/airdrop/frontend/src/shared/components/transaction-hash-link/ui/transaction-hash-link.tsx new file mode 100644 index 00000000..19441bd1 --- /dev/null +++ b/airdrop/frontend/src/shared/components/transaction-hash-link/ui/transaction-hash-link.tsx @@ -0,0 +1,20 @@ +import { FC } from 'react'; +import { EXPLORER_URL } from 'shared/config/urls.ts'; + +interface TransactionHashLinkProps { + transactionHash: string; +} + +export const TransactionHashLink: FC{transactionHash}
+
+ );
+};
diff --git a/airdrop/frontend/src/shared/config/api.ts b/airdrop/frontend/src/shared/config/api.ts
new file mode 100644
index 00000000..47296626
--- /dev/null
+++ b/airdrop/frontend/src/shared/config/api.ts
@@ -0,0 +1,3 @@
+export const PINATA_API_KEY = '25961eb67d1f33c6d03a';
+export const PINATA_SECRET_API_KEY =
+ '65a555538d3a0de8bd08bfdbb1f6363743b4480f86435547de4a255fdf1d39a8';
diff --git a/airdrop/frontend/src/shared/config/concordium-context.ts b/airdrop/frontend/src/shared/config/concordium-context.ts
new file mode 100644
index 00000000..7a931fce
--- /dev/null
+++ b/airdrop/frontend/src/shared/config/concordium-context.ts
@@ -0,0 +1,14 @@
+import { createContext } from 'react';
+import { WalletConnectionProps } from '@concordium/react-components/dist/WithWalletConnector';
+import { Connection } from '@concordium/react-components/dist/useConnection';
+import { Connect } from '@concordium/react-components';
+
+export type ConcordiumContextProps = WalletConnectionProps &
+ Connection &
+ Connect;
+
+export const ConcordiumContext = createContextall transactions
+ +transactions init
+ +transactions claim
+ +