Added chat on discord option and removed Feedback button (codesandbox#276)

* Added chat on discord option and removed Feedback button

* Removed sendfeedback action

Author: chakrihacker

src/app/containers/Preferences/SideNavigation/index.js

@@ -3,6 +3,7 @@ import styled, { css } from 'styled-components';
 
 import TwitterIcon from 'react-icons/lib/fa/twitter';
 import GithubIcon from 'react-icons/lib/fa/github';
+import FeedbackIcon from 'react-icons/lib/go/comment-discussion';
 
 import Relative from 'app/components/Relative';
 
@@ -126,6 +127,13 @@ export default ({ menuItems, itemIndex, setItem }: Props) => (
       >
         <GithubIcon />
       </Icon>
+      <Icon
+        href="https://discord.gg/FGeubVt"
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        <FeedbackIcon />
+      </Icon>
     </SocialIcons>
   </Container>
 );

src/app/pages/Sandbox/Editor/Content/Header/FeedbackView.js

@@ -14,6 +14,7 @@ import HeartIcon from 'react-icons/lib/fa/heart-o';
 import FullHeartIcon from 'react-icons/lib/fa/heart';
 import TwitterIcon from 'react-icons/lib/fa/twitter';
 import SearchIcon from 'react-icons/lib/go/search';
+import FeedbackIcon from 'react-icons/lib/go/comment-discussion';
 import SettingsIcon from 'react-icons/lib/md/settings';
 import ShareIcon from 'react-icons/lib/md/share';
 import { Tooltip } from 'react-tippy';
@@ -36,7 +37,6 @@ import NewSandbox from 'app/containers/modals/NewSandbox';
 import Deployment from 'app/containers/Deployment';
 
 import Action from './Action';
-import FeedbackView from './FeedbackView';
 import ShareView from './ShareView';
 
 const Container = styled.div`
@@ -299,9 +299,11 @@ export default class Header extends React.PureComponent<Props> {
             tooltip="Contact"
             Icon={TwitterIcon}
           />
-          <FeedbackView
-            email={user.email}
-            sendMessage={userActions.sendFeedback}
+          <Action
+            href="https://discord.gg/FGeubVt"
+            a
+            tooltip="Chat on Discord"
+            Icon={FeedbackIcon}
           />
           <Action
             onClick={this.openNewSandbox}

src/app/pages/Sandbox/Editor/Content/Header/index.js

@@ -30,7 +30,6 @@ export const LOAD_USER_SANDBOXES = createAPIActions(
   'CURRENT_USER',
   'FETCH_SANDBOXES'
 );
-export const SEND_FEEDBACK_API = createAPIActions('FEEDBACK', 'SEND');
 export const GET_AUTH_TOKEN_API = createAPIActions('AUTH_TOKEN', 'FETCH');
 
 export const CREATE_SUBSCRIPTION_API = createAPIActions(
@@ -144,24 +143,6 @@ const loadUserSandboxes = () => async (dispatch: Function) => {
   });
 };
 
-const sendFeedback = (message: string) => async (dispatch: Function) => {
-  await dispatch(
-    doRequest(SEND_FEEDBACK_API, 'feedbacks', {
-      method: 'POST',
-      body: {
-        feedback: {
-          feedback: message,
-          url: window.location.href,
-        },
-      },
-    })
-  );
-
-  dispatch(
-    notifActions.addNotification('Thanks a lot for your feedback!', 'success')
-  );
-};
-
 const createSubscription = (token: string, amount: number) => async (
   dispatch: Function
 ) => {
@@ -338,7 +319,6 @@ export default {
   signIn,
   getCurrentUser,
   loadUserSandboxes,
-  sendFeedback,
   setBadgeVisibility,
   fetchZeitUserDetails,
   signOutFromZeit,