diff --git a/frontend/src/components/sharedComponents/sharedStyledComponents.js b/frontend/src/components/sharedComponents/sharedStyledComponents.js
index c6f22e4d..eb1a78cb 100644
--- a/frontend/src/components/sharedComponents/sharedStyledComponents.js
+++ b/frontend/src/components/sharedComponents/sharedStyledComponents.js
@@ -539,7 +539,7 @@ export const VodAddRemoveButton = styled(Button).attrs({ variant: 'link' })`
padding: 0px;
opacity: ${({ loweropacity }) => loweropacity || 1};
margin-right: ${({ marginright }) => marginright || 'unset'};
- opacity: 0;
+ /* opacity: 0; */
transition: opacity 250ms, transform 250ms;
&:hover {
diff --git a/frontend/src/components/twitch/channelPage/index.js b/frontend/src/components/twitch/channelPage/index.js
index f43fe024..927af1bb 100644
--- a/frontend/src/components/twitch/channelPage/index.js
+++ b/frontend/src/components/twitch/channelPage/index.js
@@ -41,6 +41,8 @@ import useEventListenerMemo from '../../../hooks/useEventListenerMemo';
import useQuery from '../../../hooks/useQuery';
import loginNameFormat from '../loginNameFormat';
import useToken from '../useToken';
+import VodsFollowUnfollowBtn from '../vods/VodsFollowUnfollowBtn';
+import AddUpdateNotificationsButton from '../AddUpdateNotificationsButton';
export default () => {
const { passedChannelData } = useLocation().state || {};
@@ -439,17 +441,22 @@ export default () => {
src={`${process.env.PUBLIC_URL}/partnered.png`}
/>
)}
-
- {/*
+
+ */}
+ channel={channelInfo.name || channelName}
+ size={26}
+ />
{
ref={link1}
href={`https://www.twitch.tv/${streamInfo?.user_name || channelName}`}
>
-
+
+
+
+
+
+
{
+export default ({
+ channel,
+ channelId,
+ loweropacity,
+ marginright,
+ className,
+ show = true,
+ size,
+}) => {
const { vods, setVods, channels, setChannels } = useContext(VodsContext) || {};
const { authKey, username } = useContext(AccountContext);
const [isHovered, setIsHovered] = useState();
@@ -102,12 +110,12 @@ export default ({ channel, channelId, loweropacity, marginright, className, show
>
{vodEnabled ? (
isHovered ? (
-
+
) : (
-
+
)
) : (
-
+
)}