fix: Remove social icons from embed modal

frontend/src/static/js/components/media-actions/MediaShareOptions.jsx

@@ -27,66 +27,6 @@ function shareOptionsList() {
           shareUrl: 'mailto:?body=' + mediaUrl,
         };
         break;
-      case 'fb':
-        ret[socialMedia[i]] = {
-          title: 'Facebook',
-          shareUrl: 'https://www.facebook.com/sharer.php?u=' + mediaUrl,
-        };
-        break;
-      case 'tw':
-        ret[socialMedia[i]] = {
-          title: 'Twitter',
-          shareUrl: 'https://twitter.com/intent/tweet?url=' + mediaUrl,
-        };
-        break;
-      case 'reddit':
-        ret[socialMedia[i]] = {
-          title: 'reddit',
-          shareUrl: 'https://reddit.com/submit?url=' + mediaUrl + '&title=' + mediaTitle,
-        };
-        break;
-      case 'tumblr':
-        ret[socialMedia[i]] = {
-          title: 'Tumblr',
-          shareUrl: 'https://www.tumblr.com/widgets/share/tool?canonicalUrl=' + mediaUrl + '&title=' + mediaTitle,
-        };
-        break;
-      case 'pinterest':
-        ret[socialMedia[i]] = {
-          title: 'Pinterest',
-          shareUrl: 'http://pinterest.com/pin/create/link/?url=' + mediaUrl,
-        };
-        break;
-      case 'vk':
-        ret[socialMedia[i]] = {
-          title: 'ВКонтакте',
-          shareUrl: 'http://vk.com/share.php?url=' + mediaUrl + '&title=' + mediaTitle,
-        };
-        break;
-      case 'linkedin':
-        ret[socialMedia[i]] = {
-          title: 'LinkedIn',
-          shareUrl: 'https://www.linkedin.com/shareArticle?mini=true&url=' + mediaUrl,
-        };
-        break;
-      case 'mix':
-        ret[socialMedia[i]] = {
-          title: 'Mix',
-          shareUrl: 'https://mix.com/add?url=' + mediaUrl,
-        };
-        break;
-      case 'whatsapp':
-        ret[socialMedia[i]] = {
-          title: 'WhatsApp',
-          shareUrl: 'whatsapp://send?text=' + mediaUrl,
-        };
-        break;
-      case 'telegram':
-        ret[socialMedia[i]] = {
-          title: 'Telegram',
-          shareUrl: 'https://t.me/share/url?url=' + mediaUrl + '&text=' + mediaTitle,
-        };
-        break;
     }
 
     i += 1;
@@ -113,21 +53,6 @@ function ShareOptions() {
             </button>
           </div>
         );
-      } else if (k === 'whatsapp') {
-        compList.push(
-          <div key={'share-' + k} className={'sh-option share-' + k}>
-            <a
-              href={shareOptions[k].shareUrl}
-              title=""
-              target="_blank"
-              data-action="share/whatsapp/share"
-              rel="noreferrer"
-            >
-              <span></span>
-              <span>{shareOptions[k].title}</span>
-            </a>
-          </div>
-        );
       } else if (k === 'email') {
         compList.push(
           <div key="share-email" className="sh-option share-email">

frontend/src/static/js/components/media-page/MediaPage.scss

@@ -1081,86 +1081,6 @@
               }
             }
 
-            .share-fb {
-              a,
-              button {
-                > *:first-child {
-                  background-color: rgb(59, 89, 152);
-                  background-image: url('../../../images/social-media-icons/fb-logo.png');
-                }
-              }
-            }
-
-            .share-tw {
-              a,
-              button {
-                > *:first-child {
-                  background-color: rgb(29, 161, 242);
-                  background-image: url('../../../images/social-media-icons/twitter-logo.png');
-                }
-              }
-            }
-
-            .share-reddit {
-              a,
-              button {
-                > *:first-child {
-                  background-color: rgb(255, 69, 0);
-                  background-image: url('../../../images/social-media-icons/reddit-logo.png');
-                }
-              }
-            }
-
-            .share-tumblr {
-              a,
-              button {
-                > *:first-child {
-                  background-color: rgb(53, 70, 92);
-                  background-image: url('../../../images/social-media-icons/tumblr-logo.png');
-                }
-              }
-            }
-
-            .share-pinterest {
-              a,
-              button {
-                > *:first-child {
-                  background-color: rgb(189, 8, 28);
-                  background-image: url('../../../images/social-media-icons/pinterest-logo.png');
-                }
-              }
-            }
-
-            .share-vk {
-              a,
-              button {
-                > *:first-child {
-                  background-color: rgb(70, 128, 194);
-                  background-image: url('../../../images/social-media-icons/vk-logo.png');
-                }
-              }
-            }
-
-            .share-linkedin {
-              a,
-              button {
-                > *:first-child {
-                  background-color: rgb(0, 119, 181);
-                  background-image: url('../../../images/social-media-icons/linkedin-logo.png');
-                }
-              }
-            }
-
-            .share-mix {
-              a,
-              button {
-                > *:first-child {
-                  background-color: rgb(255, 130, 38);
-                  background-image: url('../../../images/social-media-icons/mix-logo.png');
-                }
-              }
-            }
-
             .share-email {
               a,
               button {
@@ -1169,27 +1089,6 @@
                 }
               }
             }
-
-            .share-whatsapp {
-              a,
-              button {
-                > *:first-child {
-                  background-color: rgb(37, 211, 102);
-                  background-image: url('../../../images/social-media-icons/whatsapp-logo.png');
-                }
-              }
-            }
-
-            .share-telegram {
-              a,
-              button {
-                > *:first-child {
-                  background-color: rgb(0, 136, 204);
-                  background-position: 11px;
-                  background-image: url('../../../images/social-media-icons/telegram-logo.png');
-                }
-              }
-            }
           }
 
           .copy-field {

frontend/src/static/js/components/media-viewer/VideoViewer/index.js

@@ -217,60 +217,8 @@ export default class VideoViewer extends React.PureComponent {
 											<div class="sh-option share-email">\
 												<a href="mailto:?body=' +
                 mediaUrl +
-                '" title=""><span><i class="material-icons">email</i></span><span>Email</span></a>\
+                '" title=""><span><i class="material-icons">email</i></span><span>Email1</span></a>\
-											</div>\
+											</div></div>\
-											<div class="sh-option share-fb">\
-												<a href="https://www.facebook.com/sharer.php?u=' +
-                mediaUrl +
-                '" title="" target="_blank"><span></span><span>Facebook</span></a>\
-											</div>\
-											<div class="sh-option share-tw">\
-												<a href="https://twitter.com/intent/tweet?url=' +
-                mediaUrl +
-                '" title="" target="_blank"><span></span><span>Twitter</span></a>\
-											</div>\
-											<div class="sh-option share-whatsapp">\
-												<a href="whatsapp://send?text=' +
-                mediaUrl +
-                '" title="" target="_blank" data-action="share/whatsapp/share"><span></span><span>WhatsApp</span></a>\
-											</div>\
-											<div class="sh-option share-telegram">\
-												<a href="https://t.me/share/url?url=' +
-                mediaUrl +
-                '&amp;text=' +
-                this.props.data.title +
-                '" title="" target="_blank"><span></span><span>Telegram</span></a>\
-											</div>\
-											<div class="sh-option share-linkedin">\
-													<a href="https://www.linkedin.com/shareArticle?mini=true&amp;url=' +
-                mediaUrl +
-                '" title="" target="_blank"><span></span><span>LinkedIn</span></a>\
-											</div>\
-											<div class="sh-option share-reddit">\
-												<a href="https://reddit.com/submit?url=' +
-                mediaUrl +
-                '&amp;title=' +
-                this.props.data.title +
-                '" title="" target="_blank"><span></span><span>reddit</span></a>\
-											</div>\
-											<div class="sh-option share-tumblr">\
-												<a href="https://www.tumblr.com/widgets/share/tool?canonicalUrl=' +
-                mediaUrl +
-                '&amp;title=' +
-                this.props.data.title +
-                '" title="" target="_blank"><span></span><span>Tumblr</span></a>\
-											</div>\
-											<div class="sh-option share-pinterest">\
-												<a href="http://pinterest.com/pin/create/link/?url=' +
-                mediaUrl +
-                '" title="" target="_blank"><span></span><span>Pinterest</span></a>\
-											</div>\
-											<div class="sh-option share-more">\
-												<a href="' +
-                mediaUrl +
-                '" title="More" target="_blank"><span><i class="material-icons">more_horiz</i></span><span></span></a>\
-											</div>\
-										</div>\
 									</div>\
 								</div>';
 

frontend/src/static/js/utils/settings/media.js

@@ -30,16 +30,6 @@ export function init(item, shareOptions) {
   if (void 0 !== shareOptions) {
     const validShareOptions = [
       'embed',
-      'fb',
-      'tw',
-      'whatsapp',
-      'telegram',
-      'reddit',
-      'tumblr',
-      'vk',
-      'pinterest',
-      'mix',
-      'linkedin',
       'email',
     ];
 

frontend/src/templates/config/installation/features.config.js

@@ -26,16 +26,6 @@ module.exports = {
     },
     shareOptions: [
       'embed',
-      'fb',
-      'tw',
-      'whatsapp',
-      'telegram',
-      'reddit',
-      'tumblr',
-      'vk',
-      'pinterest',
-      'mix',
-      'linkedin',
       'email',
     ],
   },