From 5f67eb26ca37fcbe538db72a89d45af4f8f03d84 Mon Sep 17 00:00:00 2001
From: Chewbacca <dice.warrant-02@icloud.com>
Date: Wed, 16 Nov 2022 15:10:57 -0500
Subject: [PATCH] Remove 'trends.scss'

---
 .../components/placeholder-hashtag.tsx        |  8 +-
 app/styles/application.scss                   |  1 -
 app/styles/components/trends.scss             | 78 -------------------
 app/styles/placeholder.scss                   |  6 --
 4 files changed, 2 insertions(+), 91 deletions(-)
 delete mode 100644 app/styles/components/trends.scss

diff --git a/app/soapbox/features/placeholder/components/placeholder-hashtag.tsx b/app/soapbox/features/placeholder/components/placeholder-hashtag.tsx
index 28dceec72..8830b1e90 100644
--- a/app/soapbox/features/placeholder/components/placeholder-hashtag.tsx
+++ b/app/soapbox/features/placeholder/components/placeholder-hashtag.tsx
@@ -7,12 +7,8 @@ const PlaceholderHashtag: React.FC = () => {
   const length = randomIntFromInterval(15, 30);
 
   return (
-    <div className='placeholder-hashtag'>
-      <div className='trends__item'>
-        <div className='trends__item__name'>
-          {generateText(length)}
-        </div>
-      </div>
+    <div className='animate-pulse text-primary-200 dark:text-primary-700'>
+      <p>{generateText(length)}</p>
     </div>
   );
 };
diff --git a/app/styles/application.scss b/app/styles/application.scss
index e2a9f5aad..3b3bd527c 100644
--- a/app/styles/application.scss
+++ b/app/styles/application.scss
@@ -46,7 +46,6 @@
 @import 'components/search';
 @import 'components/react-toggle';
 @import 'components/still-image';
-@import 'components/trends';
 @import 'components/profile-media-panel';
 @import 'components/profile-info-panel';
 @import 'components/spoiler-button';
diff --git a/app/styles/components/trends.scss b/app/styles/components/trends.scss
deleted file mode 100644
index 7984aa873..000000000
--- a/app/styles/components/trends.scss
+++ /dev/null
@@ -1,78 +0,0 @@
-.trends {
-  &__header {
-    color: var(--primary-text-color);
-    background: var(--brand-color--faint);
-    border-bottom: 1px solid var(--brand-color--med);
-    font-weight: 500;
-    padding: 15px;
-    font-size: 16px;
-    cursor: default;
-
-    .fa {
-      display: inline-block;
-      margin-right: 5px;
-    }
-  }
-
-  &__item {
-    display: flex;
-    align-items: center;
-    padding: 15px;
-    border-bottom: 1px solid var(--brand-color--med);
-
-    &:last-child {
-      border-bottom: 0;
-    }
-
-    &__name {
-      flex: 1 1 auto;
-      color: var(--primary-text-color);
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      font-size: 13px;
-
-      strong {
-        font-weight: bold;
-      }
-
-      a {
-        color: var(--primary-text-color--faint);
-        text-decoration: none;
-        font-size: 14px;
-        font-weight: 500;
-        display: block;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-
-        &:hover,
-        &:focus,
-        &:active {
-          span {
-            text-decoration: underline;
-          }
-        }
-      }
-    }
-
-    &__current {
-      flex: 0 0 auto;
-      width: 100px;
-      font-size: 24px;
-      line-height: 36px;
-      font-weight: 500;
-      text-align: center;
-      color: var(--primary-text-color--faint);
-    }
-
-    &__sparkline {
-      flex: 0 0 auto;
-      width: 50px;
-
-      path {
-        stroke: var(--highlight-text-color) !important;
-      }
-    }
-  }
-}
diff --git a/app/styles/placeholder.scss b/app/styles/placeholder.scss
index 72a69c155..709926650 100644
--- a/app/styles/placeholder.scss
+++ b/app/styles/placeholder.scss
@@ -1,4 +1,3 @@
-.placeholder-hashtag,
 .media-gallery--placeholder {
   position: relative;
 
@@ -32,11 +31,6 @@
   100% { background-position-x: 0; }
 }
 
-.placeholder-hashtag .trends__item__name {
-  color: var(--brand-color);
-  opacity: 0.1;
-}
-
 .chat-list-item--placeholder .chat__last-message {
   letter-spacing: -1px;
   color: var(--brand-color) !important;