@@ -27,6 +33,10 @@ export default defineComponent({
type: Array,
default: () => [],
},
+ itemsWrapperClasses: {
+ type: String,
+ default: ''
+ },
divided: {
type: Boolean,
default: false,
diff --git a/components/common/menu/Menu.vue b/components/common/menu/Menu.vue
index 1b74af4..67a64f1 100644
--- a/components/common/menu/Menu.vue
+++ b/components/common/menu/Menu.vue
@@ -14,7 +14,7 @@
diff --git a/components/swap/SwapCard.vue b/components/swap/SwapCard.vue
new file mode 100644
index 0000000..3aae842
--- /dev/null
+++ b/components/swap/SwapCard.vue
@@ -0,0 +1,398 @@
+
+
+
Swap
+
+
+
+
+
+ {{
+ token0.symbol
+ }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.symbol }}
+
+
+
+
+
+
+
+
+
+
+
~ $ 9,321.69
+
+
Balance: 85 {{ token0.symbol }}
+
+
+
+
+
+
+
+
+
+ {{
+ token1.symbol
+ }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.symbol }}
+
+
+
+
+
+
+
+
+
+
+
~ $ 9,321.69 (0.188%)
+
+
Balance: 85 {{ token1.symbol }}
+
+
+
+
+
+
+
+
+
+
+ 1 DAI = 0.0004272 ETH
+
+
+
+
+ Slippage tolerance
+
+
+
+
+
+
+
+
+
+
+ 0.1%
+ 0.5%
+ 1%
+ 3%
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Swap
+
+
+
+
diff --git a/composables/swap/use1InchSwap.ts b/composables/swap/use1InchSwap.ts
new file mode 100644
index 0000000..6fc8d21
--- /dev/null
+++ b/composables/swap/use1InchSwap.ts
@@ -0,0 +1,7 @@
+export const use1InchSwap = () => {
+ const swap = ({ buyAddress, sellAddress, sellAmount, unitAmount }) => {};
+
+ return {
+ swap
+ };
+};
diff --git a/pages/index.vue b/pages/index.vue
index 1069ee5..e6d1db1 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -35,6 +35,7 @@ import { useNetwork } from "~/composables/useNetwork";
import AaveIcon from "~/assets/icons/aave.svg?inline";
import CompoundIcon from "~/assets/icons/compound.svg?inline";
import MakerIcon from "~/assets/icons/makerdao.svg?inline";
+import OneInchIcon from "~/assets/icons/1inch.svg?inline";
const appsPerNetwork = {
mainnet: [
@@ -58,6 +59,13 @@ const appsPerNetwork = {
name: "MakerDAO",
url: "/mainnet/maker",
description: "Collateralized Debt"
+ },
+ {
+ id: "1inch",
+ icon: OneInchIcon,
+ name: "1inch",
+ url: "/mainnet/1inch",
+ description: "DEX aggregator with the best prices on the market"
}
],
polygon: [
@@ -67,6 +75,13 @@ const appsPerNetwork = {
name: "Aave v2",
url: "/polygon/aave-v2",
description: "Lend and borrow straight from your Gnosis Safe"
+ },
+ {
+ id: "1inch",
+ icon: OneInchIcon,
+ name: "1inch",
+ url: "/polygon/1inch",
+ description: "DEX aggregator with the best prices on the market"
}
]
};
diff --git a/pages/mainnet/1inch.vue b/pages/mainnet/1inch.vue
new file mode 100644
index 0000000..9286e96
--- /dev/null
+++ b/pages/mainnet/1inch.vue
@@ -0,0 +1,51 @@
+
+
+
+
+
+ Apps
+
+
+
+
+
+
+
+
+
+
+
diff --git a/pages/polygon/1inch.vue b/pages/polygon/1inch.vue
new file mode 100644
index 0000000..eaf9689
--- /dev/null
+++ b/pages/polygon/1inch.vue
@@ -0,0 +1,51 @@
+
+
+
+
+
+ Apps
+
+
+
+
+
+
+
+
+
+
+