Replace messenger with telegram

website/src/config/app-config.json

@@ -18,7 +18,12 @@
     "2022/2023",
     "2023/2024"
   ],
-  "examAvailability": [1, 2, 3, 4],
+  "examAvailability": [
+    1,
+    2,
+    3,
+    4
+  ],
   "semesterNames": {
     "1": "Semester 1",
     "2": "Semester 2",
@@ -41,6 +46,7 @@
     "githubOrg": "https://github.com/nusmodifications",
     "githubRepo": "https://github.com/nusmodifications/nusmods",
     "messenger": "https://m.me/nusmods",
-    "twitter": "https://twitter.com/nusmods"
+    "twitter": "https://twitter.com/nusmods",
+    "telegram": "https://t.me/nusmods"
   }
 }

website/src/config/index.ts

@@ -64,6 +64,7 @@ export type Config = {
     githubOrg: string;
     githubRepo: string;
     messenger: string;
+    telegram: string;
     twitter: string;
   };
 

website/src/views/components/FeedbackModal.scss

@@ -41,8 +41,8 @@
       color: #fff;
     }
 
-    &.messenger {
-      $button-bg: #0084ff;
+    &.telegram {
+      $button-bg: #3aa8db;
 
       background: $button-bg;
 

website/src/views/components/FeedbackModal.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { connect } from 'react-redux';
-import { Heart, GitHub, Facebook, Mail } from 'react-feather';
+import { Heart, GitHub, Mail, Send } from 'react-feather';
 
 import config from 'config';
 import { toggleFeedback } from 'actions/app';
@@ -18,9 +18,9 @@ type Props = {
 export const FeedbackButtons: React.FC = () => (
   <div>
     <div className={styles.links}>
-      <ExternalLink className={styles.messenger} href={config.contact.messenger}>
-        <Facebook />
-        Messenger
+      <ExternalLink className={styles.telegram} href={config.contact.telegram}>
+        <Send />
+        Telegram
       </ExternalLink>
       <ExternalLink className={styles.github} href={config.contact.githubRepo}>
         <GitHub />
@@ -52,8 +52,8 @@ export const FeedbackModalComponent: React.FC<Props> = (props) => (
       <Heart className={styles.topIcon} />
       <h1>Let us know what you think!</h1>
       <p>
-        Thank you for your time! You can talk to us on Messenger, file an issue on GitHub, or send
-        us an email.
+        Thank you for your time! You can talk to us on Telegram, file an issue on GitHub, or send us
+        an email.
       </p>
       <FeedbackButtons />
     </div>

website/src/views/layout/Footer.tsx

@@ -48,7 +48,7 @@ export const FooterComponent: React.FC<Props> = (props) => {
             <ExternalLink href={config.contact.facebook}>Facebook</ExternalLink>
           </li>
           <li>
-            <ExternalLink href={config.contact.messenger}>Messenger</ExternalLink>
+            <ExternalLink href={config.contact.telegram}>Telegram</ExternalLink>
           </li>
           <li>
             <ExternalLink href={config.contact.twitter}>Twitter</ExternalLink>

website/src/views/settings/BetaToggle.tsx

@@ -47,7 +47,7 @@
         <div className={styles.toggle}>
           <Toggle className={styles.betaToggle} isOn={betaTester} onChange={toggleStates} />
           {betaTester && hasTests && (
-            <ExternalLink className="btn btn-success" href={config.contact.messenger}>
+            <ExternalLink className="btn btn-success" href={config.contact.telegram}>
               Leave Feedback
             </ExternalLink>
           )}

website/src/views/static/AboutContainer.tsx

@@ -57,7 +57,7 @@ const AboutContainer: React.FC<Props> = (props) => (
         </button>
       </div>
       <div className={classnames('col-lg', styles.btnContainer)}>
-        <ExternalLink href={config.contact.messenger} className="btn btn-primary btn-svg btn-block">
+        <ExternalLink href={config.contact.telegram} className="btn btn-primary btn-svg btn-block">
           <Layers className="svg" />
           We need designers!
         </ExternalLink>

website/src/views/static/FaqContainer.tsx

@@ -179,8 +179,8 @@ const FaqContainer: React.FC = () => (
       <p>
         Congratulations on making it to the end! If you still want to contact us, you may reach us
         via email at nusmods&#123;at&#125;googlegroups[dot]com or via{' '}
-        <ExternalLink href={config.contact.messenger}>Messenger</ExternalLink>. Please allow up to
-        90 working days for a reply. We are busy <Link to="/team">students</Link> as well!
+        <ExternalLink href={config.contact.telegram}>Telegram</ExternalLink>. Please allow up to 90
+        working days for a reply. We are busy <Link to="/team">students</Link> as well!
       </p>
     </div>
   </StaticPage>