Merge pull request #498 from peercoin/rm-twitter

Rm twitter
peercoin · Aug 16, 2024 · bc3229b · bc3229b
2 parents 7c93f1d + d7d45af
commit bc3229b
Show file tree

Hide file tree

Showing 9 changed files with 291 additions and 536 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -16,7 +16,6 @@
     "react-router-dom": "^5.3.0",
     "react-scripts": "5.0.1",
     "react-transition-group": "^4.2.2",
-    "react-twitter-embed": "^2.0.8",
     "react-youtube": "^7.9.0",
     "rss-to-json": "^2.1.1",
     "smoothscroll-polyfill": "^0.4.4",

diff --git a/public/data/community.json b/public/data/community.json
@@ -7,9 +7,9 @@
       "image": "/img/icons/forum_green.png"
     },
     {
-      "title": "Twitter",
-      "url": "https://twitter.com/PeercoinPPC",
-      "image": "/img/icons/twitter_green.png"
+      "title": "X",
+      "url": "https://x.com/PeercoinPPC",
+      "image": "/img/icons/x_green.png"
     },
     {
       "title": "Facebook",

diff --git a/public/img/icons/twitter_green.png b/public/img/icons/twitter_green.png
diff --git a/public/img/icons/twitter_white.png b/public/img/icons/twitter_white.png
diff --git a/public/img/icons/x_green.png b/public/img/icons/x_green.png
diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx
@@ -1,6 +1,5 @@
 import React, { Suspense } from "react";
 import { Link } from "react-router-dom";
-import { TwitterTimelineEmbed } from "react-twitter-embed";
 import { useTranslation } from "react-i18next";
 import "./Footer.scss";
 import Loader from "../Loader/Loader";
@@ -28,14 +27,6 @@ function Footer() {
             </a>
           </div>
           <footer className="footer">
-            <div className="footer__twitter">
-              <TwitterTimelineEmbed
-                sourceType="profile"
-                screenName="PeercoinPPC"
-                options={{ width: 265, height: 350 }}
-              />
-            </div>
-
             <nav className="footer__links">
               <ul className="footer__links__list">
                 <li className="footer__links__list__title">
@@ -231,11 +222,11 @@ function Footer() {
                 </li>
                 <li>
                   <a
-                    href="https://twitter.com/PeercoinPPC"
+                    href="https://x.com/PeercoinPPC"
                     target="_blank"
                     rel="noopener noreferrer nofollow"
                   >
-                    {t("footerComponent.links.community.linkTwitter")}
+                    X
                   </a>
                 </li>
                 <li>

diff --git a/src/components/Footer/Footer.scss b/src/components/Footer/Footer.scss
@@ -12,7 +12,7 @@
     height: 454px;
     background: $color-black;
   }
-  
+
   &__subscribe {
     position: relative;
     z-index: 2;
@@ -57,20 +57,13 @@
     padding: 25px;
     border-radius: 8px;
     box-shadow: 0 5px 20px rgba(#000, 0.2);
-
 
     @include viewports(up-to tiny) {
       flex-direction: column;
       align-items: center;
       padding: 15px;
     }
 
-    &__twitter {
-      @include viewports(up-to tiny) {
-        display: none;
-      }
-    }
-
     &__links {
       flex: 1;
       display: flex;
@@ -132,4 +125,4 @@
     padding: 35px 0;
     text-align: center;
   }
-}
+}
diff --git a/src/components/Menu/Menu.jsx b/src/components/Menu/Menu.jsx
@@ -225,12 +225,12 @@ function Menu() {
                 </li>
                 <li>
                   <a
-                    href="https://twitter.com/PeercoinPPC"
+                    href="https://x.com/PeercoinPPC"
                     className="submenu"
                     target="_blank"
                     rel="noopener noreferrer nofollow"
                   >
-                    <img src="/img/icons/twitter_green.png" alt="" />
+                    <img src="/img/icons/x_green.png" alt="" />
                     {t("menuComponent.links.community.twitter")}
                   </a>
                 </li>