From 41f92b2144fb004ede917e98824a0ae391f1b375 Mon Sep 17 00:00:00 2001
From: Chi Vinh Le <vinh@wikiwi.io>
Date: Sat, 4 Aug 2018 08:54:16 +0200
Subject: [PATCH] Don't show icon on xs screens

---
 .../components/PermalinkButton/PermalinkButton.tsx   | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/core/client/stream/components/PermalinkButton/PermalinkButton.tsx b/src/core/client/stream/components/PermalinkButton/PermalinkButton.tsx
index e8669dad9..493625e2b 100644
--- a/src/core/client/stream/components/PermalinkButton/PermalinkButton.tsx
+++ b/src/core/client/stream/components/PermalinkButton/PermalinkButton.tsx
@@ -1,7 +1,13 @@
 import { Localized } from "fluent-react/compat";
 import React from "react";
 import { oncePerFrame } from "talk-common/utils";
-import { Button, ButtonIcon, ClickOutside, Popover } from "talk-ui/components";
+import {
+  Button,
+  ButtonIcon,
+  ClickOutside,
+  MatchMedia,
+  Popover,
+} from "talk-ui/components";
 
 import * as styles from "./PermalinkButton.css";
 import PermalinkPopover from "./PermalinkPopover";
@@ -51,7 +57,9 @@ class Permalink extends React.Component<PermalinkProps> {
             active={visible}
             size="small"
           >
-            <ButtonIcon>share</ButtonIcon>
+            <MatchMedia minWidth="xs">
+              <ButtonIcon>share</ButtonIcon>
+            </MatchMedia>
             <Localized id="comments-permalink-share">
               <span>Share</span>
             </Localized>