chore: add discord community link (react-native-elements#3679)

Author: arpitBhalla

.github/ISSUE_TEMPLATE/bug_report.yml

@@ -5,7 +5,7 @@ body:
   - type: markdown
     attributes:
       value: |
-        A bug means that there is something broken or outside expectations in `react-native-elements`. If you only need help writing your own components, check out the [Slack channel](https://react-native-elements-slack.herokuapp.com/) FIRST.
+        A bug means that there is something broken or outside expectations in `react-native-elements`. If you only need help writing your own components, check out the [Discord server](https://discord.com/invite/e9RBHjkKHa) FIRST.
   - type: checkboxes
     attributes:
       label: Is there an existing issue for this?

.github/ISSUE_TEMPLATE/config.yml

@@ -6,6 +6,6 @@ contact_links:
   - name: ⚛️ React Native Issues
     url: https://github.com/facebook/react-native/issues
     about: Please report bugs or issues in the React Native repository.
-  - name: 😄 Want to say Hi? Join Slack
-    url: https://react-native-elements-slack.herokuapp.com/
-    about: Looking for help with your app? Please refer to the React Native Element's slack.
+  - name: 😄 Want to say Hi? Join Discord
+    url: https://discord.com/invite/e9RBHjkKHa
+    about: Looking for help with your app? Please refer to the React Native Element's discord server.

CODE_OF_CONDUCT.md

@@ -55,7 +55,7 @@ further defined and clarified by project maintainers.
 ## Enforcement
 
 Instances of abusive, harassing, or otherwise unacceptable behavior may be
-reported by contacting the project team at https://react-native-elements-slack.herokuapp.com/. All
+reported by contacting the project team at https://discord.com/invite/e9RBHjkKHa All
 complaints will be reviewed and investigated and will result in a response that
 is deemed necessary and appropriate to the circumstances. The project team is
 obligated to maintain confidentiality with regard to the reporter of an incident.

README.md

@@ -23,7 +23,7 @@ Cross Platform <a href="https://reactnative.dev">React Native</a> UI Toolkit
 <div align="center">
   <a href="https://twitter.com/rn_elements"><img src="https://img.shields.io/twitter/follow/rn_elements?style=flat-square&label=Twitter&logo=TWITTER&color=0089E3"></a>
   <a href="https://github.com/react-native-elements/react-native-elements/discussions"><img src="https://img.shields.io/github/discussions/react-native-elements/react-native-elements?label=Discussions&logo=github&style=flat-square"></a>
-  <a href="https://react-native-elements-slack.herokuapp.com"><img src="https://img.shields.io/badge/Join-Slack-4A154B?style=flat-square&logo=slack&color=0089E3&"></a>
+  <a href="https://discord.com/invite/e9RBHjkKHa"><img src="https://img.shields.io/badge/Join-Discord-5865F2?style=flat-square&logo=discord&logoColor=FFFFFF"></a>
 
 </div>
 
@@ -108,7 +108,7 @@ and submit a PR for a new feature/bug fix.
 
 A big shoutout to all our contributors! You could be here too!
 <a href="https://github.com/react-native-elements/react-native-elements/graphs/contributors">
-  <img src="https://contrib.rocks/image?repo=react-native-elements/react-native-elements" />
+<img src="https://contrib.rocks/image?repo=react-native-elements/react-native-elements" />
 </a>
 
 ### First Contributors
@@ -124,10 +124,10 @@ an
 or a
 [pull request](https://github.com/react-native-elements/react-native-elements/pulls).
 
-### Slack Community
+### Discord Community
 
 In case you have any other question or would like to come say **Hi!** to the RNE
-community, join our [Slack team](https://react-native-elements-slack.herokuapp.com).
+community, join our [Discord Server](https://discord.com/invite/e9RBHjkKHa).
 See you on the other side! 👋😃
 
 ## Backers

packages/base/README.md

@@ -19,7 +19,7 @@
 <div align="center">
  <a href="https://twitter.com/rn_elements"><img src="https://img.shields.io/twitter/follow/rn_elements?style=flat-square&label=Twitter&logo=TWITTER&color=0089E3"></a>
   <a href="https://github.com/react-native-elements/react-native-elements/discussions"><img src="https://img.shields.io/github/discussions/react-native-elements/react-native-elements?label=Discussions&logo=github&style=flat-square"></a>
-  <a href="https://react-native-elements-slack.herokuapp.com"><img src="https://img.shields.io/badge/Join-Slack-4A154B?style=flat-square&logo=slack&color=0089E3&"></a>
+  <a href="https://discord.com/invite/e9RBHjkKHa"><img src="https://img.shields.io/badge/Join-Discord-5865F2?style=flat-square&logo=discord&logoColor=FFFFFF"></a>
 
 </div>
 
@@ -107,10 +107,10 @@ We are currently looking for new core contributors that can help lead this proje
 
 [Learn more here](https://github.com/react-native-elements/react-native-elements/issues/2222)
 
-### Slack Community
+### Discord Community
 
 In case you have any other question or would like to come say **Hi!** to the RNE
-community, join our [Slack team](https://react-native-elements-slack.herokuapp.com).
+community, join our [Discord Server](https://discord.com/invite/e9RBHjkKHa).
 See you on the other side! 👋😃
 
 ## Backers

packages/themed/README.md

@@ -18,7 +18,7 @@
 <div align="center">
    <a href="https://twitter.com/rn_elements"><img src="https://img.shields.io/twitter/follow/rn_elements?style=flat-square&label=Twitter&logo=TWITTER&color=0089E3"></a>
   <a href="https://github.com/react-native-elements/react-native-elements/discussions"><img src="https://img.shields.io/github/discussions/react-native-elements/react-native-elements?label=Discussions&logo=github&style=flat-square"></a>
-  <a href="https://react-native-elements-slack.herokuapp.com"><img src="https://img.shields.io/badge/Join-Slack-4A154B?style=flat-square&logo=slack&color=0089E3&"></a>
+  <a href="https://discord.com/invite/e9RBHjkKHa"><img src="https://img.shields.io/badge/Join-Discord-5865F2?style=flat-square&logo=discord&logoColor=FFFFFF"></a>
 
 </div>
 
@@ -106,10 +106,10 @@ We are currently looking for new core contributors that can help lead this proje
 
 [Learn more here](https://github.com/react-native-elements/react-native-elements/issues/2222)
 
-### Slack Community
+### Discord Community
 
 In case you have any other question or would like to come say **Hi!** to the RNE
-community, join our [Slack team](https://react-native-elements-slack.herokuapp.com).
+community, join our [Discord Server](https://discord.com/invite/e9RBHjkKHa).
 See you on the other side! 👋😃
 
 ## Backers

website/docusaurus.config.js

@@ -15,9 +15,12 @@ const config = {
   themes: ['@docusaurus/theme-live-codeblock'],
   plugins: [
     // [
-    // '@docusaurus/plugin-client-redirects',
+    //   '@docusaurus/plugin-client-redirects',
     // {
-    //   fromExtensions: ['html'],
+    // fromExtensions: ['html'],
+    // redirects: [
+    // /docs/oldDoc -> /docs/newDoc
+    // ],
     // },
     // ],
     './plugins/react-native-elements-web.js',
@@ -93,7 +96,7 @@ const config = {
       id: 'support_us',
       content:
         'If you like React Native Elements, give it a  <a target="_blank" rel="noopener noreferrer" href="https://github.com/react-native-elements/react-native-elements">star on GitHub!</a> ⭐' +
-        ' and follow us on <a target="_blank" rel="noopener noreferrer" href="https://twitter.com/rn_elements">Twitter</a>!',
+        ' and join the <a target="_blank" rel="noopener noreferrer" href="https://discord.gg/e9RBHjkKHa">Discord server</a>!',
       backgroundColor: 'var(--ifm-hero-background-color)',
       textColor: 'var(--ifm-navbar-link-color)', // Defaults to `#000`.
       isCloseable: false,
@@ -182,8 +185,12 @@ const config = {
           title: 'Community',
           items: [
             {
-              label: 'Chat with us on Slack',
-              to: 'https://react-native-elements-slack.herokuapp.com/',
+              label: 'Join discord server',
+              to: 'https://discord.com/invite/e9RBHjkKHa',
+            },
+            {
+              label: 'Discord Server',
+              to: '/discord',
             },
             {
               label: 'Submit a bug or feature',

website/src/components/Community.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import Link from '@docusaurus/Link';
 import '../../static/css/components.css';
 import { SectionHeader } from './SectionHeader';
-import { SiTwitter, SiStackoverflow } from 'react-icons/si';
+import { SiTwitter, SiStackoverflow, SiDiscord } from 'react-icons/si';
 import { MdOutlinePeopleAlt } from 'react-icons/md';
 
 const Home: React.FunctionComponent<{}> = () => {
@@ -40,13 +40,13 @@ const Home: React.FunctionComponent<{}> = () => {
             </div>
             <div className="col col--4">
               <Link
-                style={{ backgroundColor: '#4A154B', color: 'white' }}
-                href="https://react-native-elements-slack.herokuapp.com/"
+                style={{ backgroundColor: '#5865F2', color: 'white' }}
+                href="https://discord.com/invite/e9RBHjkKHa"
                 className="card shadow--md"
               >
                 <div className="card__body padding--lg">
                   <h3 className="margin-bottom--sm ">
-                    <img src="/img/website/slack.png" width={24} />
+                    <SiDiscord fill="#fff" />
                   </h3>
                   <h4>Talk to us</h4>
                   <b>

website/src/pages/help.tsx

@@ -19,15 +19,14 @@ const Help: React.FunctionComponent<{}> = (props) => {
     {
       content: 'Ask questions about the documentation and project in our ',
       title: 'Join the community',
-      link: 'Slack.',
-      href: 'https://react-native-elements-slack.herokuapp.com',
+      link: 'Discord Server.',
+      href: 'https://discord.com/invite/e9RBHjkKHa',
     },
     {
       content: `Find out what's new for each release by checking the `,
       title: 'Stay up to date',
       link: 'releases tab on the GitHub repo.',
-      href:
-        'https://github.com/react-native-elements/react-native-elements/releases',
+      href: 'https://github.com/react-native-elements/react-native-elements/releases',
     },
   ];
 

website/src/theme/Footer.tsx

@@ -64,12 +64,12 @@ export default function () {
             <ul className="footer__items clean-list">
               <li className="footer__item">
                 <a
-                  href="https://react-native-elements-slack.herokuapp.com/"
+                  href="https://discord.com/invite/e9RBHjkKHa"
                   target="_blank"
                   rel="noopener noreferrer"
                   className="footer__link-item"
                 >
-                  Slack
+                  Discord server
                 </a>
               </li>
               <li className="footer__item">