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 ? ( - + ) : ( - + ) ) : ( - + )}