change from btn-watch to btn-subscribe

packages/app/src/components/SubscribeButton.tsx

@@ -38,7 +38,7 @@ const SubscruibeButton: FC<Props> = (props: Props) => {
         type="button"
         id="subscribe-button"
         onClick={handleClick}
-        className={`btn btn-watch border-0 ${isWatching ? 'active' : ''}  ${appContainer.isGuestUser ? 'disabled' : ''}`}
+        className={`btn btn-subscribe border-0 ${isWatching ? 'active' : ''}  ${appContainer.isGuestUser ? 'disabled' : ''}`}
       >
         {isWatching && (
           <i className="fa fa-eye"></i>

packages/app/src/styles/_subnav.scss

@@ -38,9 +38,9 @@
     }
   }
 
-  .btn-watch,
   .btn-like,
-  .btn-bookmark {
+  .btn-bookmark,
+  .btn-subscribe {
     height: 40px;
     font-size: 20px;
     border-radius: $border-radius-xl;

packages/app/src/styles/atoms/_buttons.scss

@@ -20,7 +20,7 @@
   }
 }
 
-.btn.btn-watch {
+.btn.btn-subscribe {
   @include button-outline-variant($secondary, $success, rgba(lighten($success, 10%), 0.15), rgba(lighten($success, 10%), 0.5));
   &:not(:disabled):not(.disabled):active,
   &:not(:disabled):not(.disabled).active {