@galacticcouncil/apps

Galactic Apps

View & interaction layer with HydraDX & Basilisk chains.

Overview

Component	Name (import)	Custom element
Notification Center	NotificationCenter	gc-notification-center
Transaction Center	TransactionCenter	gc-transaction-center
Trade App	TradeApp	gc-trade
Dca App	DcaApp	gc-dca
Yield App	YieldApp	gc-yield
Xcm App	XcmApp	gc-xcm
Bonds App	BondsApp	gc-bonds

Notification Center

Display app notifications (toast) and related history (drawer) based on slotted component event.

API

this.dispatchEvent(
  new CustomEvent() < Notification > ('gc:notification:new', message),
);

Types

Attribute	Description
id	unique notification id
timestamp	unix timestamp
message	string or html template
type	notification type
toast	whether to display toast

For type signature visit types.ts

Transaction Center

Process transaction & display status based on slotted component event. Dispatch result to Notification center.

API

this.dispatchEvent(new CustomEvent() < TxInfo > ('gc:tx:new', message)); // on chain tx
this.dispatchEvent(new CustomEvent() < TxInfo > ('gc:xcm:new', message)); // cross chain tx

Types

Attribute	Description
account	User account (wallet)
transaction	Transaction info (extrinsic, hex)
notification	Notification center metadata
meta	Transaction metadata

For type signature visit types.ts

Trade App

Bare trade app without tx & notification center.

API

<gc-trade
  apiAddress="wss://rococo-basilisk-rpc.hydration.dev"
  accountAddress="your_account_address"
  accountProvider="polkadot-js"
  accountName="your_account_name"
  pools="XYK,LBP"></gc-trade>

Properties

Property	Description	Required
apiAddress	chain ws address	true
stableCoinAssetId	stablecoin id	true
accountAddress	account address	false
accountProvider	account provider	false
accountName	account name	false
pools	list of pools	false
assetIn	asset in id	false
assetOut	asset out id	false

Xcm App

Bare cross chain transaction app without tx & notification center.

API

<gc-xcm
  srcChain="polkadot"
  destChain="hydradx"
  asset="dot"
  accountAddress="your_account_address"
  accountProvider="polkadot-js"
  accountName="your_account_name"></gc-xcm>

Properties

Property	Description	Required
accountAddress	account address	false
accountProvider	account provider	false
accountName	account name	false
chains	listed chains	true
srcChain	source chain	true
destChain	destination chain	true