diff --git a/package.json b/package.json
index 21a1f93..1dbfff0 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "@project-serum/swap-ui",
- "version": "0.1.5",
+ "version": "0.1.6",
"main": "dist/index.js",
"types": "dist/index.d.ts",
"homepage": "https://github.com/project-serum/swap-ui",
diff --git a/src/components/TokenDialog.tsx b/src/components/TokenDialog.tsx
index 8e1bc18..d0f9217 100644
--- a/src/components/TokenDialog.tsx
+++ b/src/components/TokenDialog.tsx
@@ -16,6 +16,7 @@ import {
} from "@material-ui/core";
import { TokenIcon } from "./Swap";
import { useSwappableTokens } from "../context/TokenList";
+import { useMediaQuery } from "@material-ui/core";
const useStyles = makeStyles((theme) => ({
dialogContent: {
@@ -53,6 +54,7 @@ export default function TokenDialog({
const styles = useStyles();
const { swappableTokens, swappableTokensSollet, swappableTokensWormhole } =
useSwappableTokens();
+ const displayTabs = !useMediaQuery("(max-width:450px)");
const selectedTokens =
tabSelection === 0
? swappableTokens
@@ -107,34 +109,36 @@ export default function TokenDialog({
))}
-
- setTabSelection(v)}
- classes={{
- indicator: styles.tabIndicator,
- }}
- >
-
-
-
-
-
+ {displayTabs && (
+
+ setTabSelection(v)}
+ classes={{
+ indicator: styles.tabIndicator,
+ }}
+ >
+
+
+
+
+
+ )}
);
}