Remove/replace Spectrum links with GitHub Discussions (codesandbox#4001)

* Remove Spectrum

* Remove Spectrum

* Remove Spectrum

* Remove Spectrum

* Remove Spectrum

* Replace Spectrum

* Remove Spectrum

Author: garethx

README.md

@@ -6,7 +6,6 @@
 
  
 
-[![Join the community on Spectrum](https://withspectrum.github.io/badge/badge.svg)](https://spectrum.chat/codesandbox)
 [![All Contributors](https://img.shields.io/badge/all_contributors-153-orange.svg?style=flat-square)](#contributors-)
 [![CircleCI](https://circleci.com/gh/codesandbox/codesandbox-client.svg?style=svg)](https://circleci.com/gh/codesandbox/codesandbox-client)
 [![BrowserStack Status](https://www.browserstack.com/automate/badge.svg?badge_key=cVJuczlJWUtqWXhIbFN1ZjVQekF4NzNsd3phNEZRaGlWU0pHYVVkdGRFWT0tLXFtTVhaOWRySmN0ZG5QVDNDQ0g5Z0E9PQ==--79fe3eae4f149a400d396c9b12d3988f685785cf)](https://www.browserstack.com/automate/public-build/cVJuczlJWUtqWXhIbFN1ZjVQekF4NzNsd3phNEZRaGlWU0pHYVVkdGRFWT0tLXFtTVhaOWRySmN0ZG5QVDNDQ0g5Z0E9PQ==--79fe3eae4f149a400d396c9b12d3988f685785cf)

packages/app/src/app/components/SocialInfo/SocialInfo.tsx

@@ -2,7 +2,6 @@ import React from 'react';
 import TwitterIcon from 'react-icons/lib/fa/twitter';
 import GithubIcon from 'react-icons/lib/fa/github';
 import { Icon } from './elements';
-import { SpectrumLogo } from '../SpectrumLogo';
 
 export const SocialInfo: React.FC<React.HTMLAttributes<
   HTMLDivElement
@@ -14,8 +13,5 @@ export const SocialInfo: React.FC<React.HTMLAttributes<
     <Icon href="https://github.com/codesandbox/codesandbox-client">
       <GithubIcon />
     </Icon>
-    <Icon href="https://spectrum.chat/codesandbox">
-      <SpectrumLogo />
-    </Icon>
   </div>
 );

packages/app/src/app/overmind/effects/vscode/Workbench.ts

@@ -278,11 +278,6 @@ export class Workbench {
       'Follow Us on Twitter',
       'https://twitter.com/codesandbox'
     );
-    addBrowserNavigationCommand(
-      'codesandbox.help.spectrum',
-      'Join Us on Spectrum',
-      'https://spectrum.chat/codesandbox'
-    );
 
     this.addWorkbenchAction({
       id: 'codesandbox.help.feedback',
@@ -363,15 +358,6 @@ export class Workbench {
       },
     });
 
-    this.appendMenuItem(MenuId.MenubarHelpMenu, {
-      group: '3_social',
-      order: 3,
-      command: {
-        id: 'codesandbox.help.spectrum',
-        title: 'Join Us on S&&pectrum',
-      },
-    });
-
     if (COMMENTS) {
       this.appendMenuItem(MenuId.EditorContext, {
         group: '0_comments',

packages/app/src/app/pages/Sandbox/Editor/Workspace/SSEDownNotice/SSEDownNotice.tsx

@@ -44,12 +44,12 @@ export const SSEDownNotice: FunctionComponent = () => {
         {"'"}t resolved with in a minute it would greatly help us if you could
         let us know on{' '}
         <a
-          href="https://spectrum.chat/codesandbox"
+          href="https://github.com/codesandbox/codesandbox-client/discussions"
           rel="noopener noreferrer"
           style={{ color: '#FFFFFF' }}
           target="_blank"
         >
-          Spectrum
+          GitHub
         </a>
         .
       </p>

packages/app/src/app/pages/Sandbox/Editor/Workspace/screens/ProjectInfo/Delete.tsx

@@ -2,15 +2,14 @@ import React, { MouseEvent } from 'react';
 import { useOvermind } from 'app/overmind';
 import css from '@styled-system/css';
 import { Button, Stack, Element, Link } from '@codesandbox/components';
-import { SpectrumLogo, GithubIcon, TwitterIcon } from './icons';
+import { GithubIcon, TwitterIcon } from './icons';
 
 const links = [
   { href: 'https://twitter.com/codesandbox', icon: <TwitterIcon /> },
   {
     href: 'https://github.com/codesandbox/codesandbox-client',
     icon: <GithubIcon />,
   },
-  { href: 'https://spectrum.chat/codesandbox', icon: <SpectrumLogo /> },
 ];
 
 export const Delete = () => {

packages/common/src/components/Footer.tsx

@@ -147,15 +147,6 @@ export default () => (
                   Twitter
                 </a>
               </li>
-              <li>
-                <a
-                  href="https://spectrum.chat/codesandbox"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                >
-                  Spectrum
-                </a>
-              </li>
             </List>
           </Column>
         </Container>

packages/homepage/src/components/Footer/index.js

@@ -3,7 +3,6 @@ import { Link } from 'gatsby';
 import { P } from '../Typography';
 import Github from '../../assets/icons/github';
 import Twitter from '../../assets/icons/twitter';
-import Spectrum from '../../assets/icons/spectrum';
 import { FooterWrapper, Nav, Social } from './elements';
 
 const Footer = () => (
@@ -161,11 +160,6 @@ const Footer = () => (
           <Twitter />
         </a>
       </li>
-      <li>
-        <a title="Go to Spectrum" href="https://spectrum.chat/codesandbox">
-          <Spectrum />
-        </a>
-      </li>
     </Social>
     <P
       small