Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Move the channel details into their own component #5455

Merged

Conversation

absidue
Copy link
Member

@absidue absidue commented Jul 24, 2024

Move the channel details into their own component

Pull Request Type

  • Refactor

Related issue

https://github.com/orgs/FreeTubeApp/projects/4?pane=issue&itemId=68600889

Description

This pull request moves the channel details section (header and tabs) into their own component, continuing the efforts to split the channel page up into multiple components.

As we'll hopefully be moving the Vue 3 soon, I decided to the use the <script setup> composition API style for this new component. That means inside that component we can already benefit from better auto-complete and once we upgrade to Vue 3 we'll also get better performance and bundle size improvements.

Testing

  • Open various channels and make sure they are displayed correctly
  • Open an invalid channel (e.g. copying the URL of a valid channel and removing a few characters from the ID) and make sure it appears correctly.
  • Switch from one channel directly to another (e.g. by clicking another channel on the side bar while you are already viewing a different channel) and ensure that it updates correctly.
  • Check that the Hide Channel Subscribers distraction free setting hides the subscriber count.
  • Check that the Hide Unsubscribe Button parental control setting hides the subscribe/unsubscribe button.
  • Check that the various channel tab hiding distraction free settings work.

Desktop

  • OS: Windows
  • OS Version: 10
  • FreeTube version: 0e72be4

@github-actions github-actions bot added the PR: waiting for review For PRs that are complete, tested, and ready for review label Jul 24, 2024
@FreeTubeBot FreeTubeBot enabled auto-merge (squash) July 24, 2024 12:34
@FreeTubeBot FreeTubeBot merged commit 6799b07 into FreeTubeApp:development Jul 29, 2024
5 checks passed
@github-actions github-actions bot removed the PR: waiting for review For PRs that are complete, tested, and ready for review label Jul 29, 2024
@absidue absidue deleted the channel-details-component branch July 29, 2024 17:40
PikachuEXE added a commit to PikachuEXE/FreeTube that referenced this pull request Aug 1, 2024
* update/youtubejs:
  ^ Update youtubei.js
  Translated using Weblate (Russian)
  Translated using Weblate (Croatian)
  Fix distraction settings and subscribe button CSS not being scoped (FreeTubeApp#5486)
  Move the channel details into their own component (FreeTubeApp#5455)
  Translated using Weblate (Icelandic)
  Bump postcss from 8.4.39 to 8.4.40 in the stylelint group (FreeTubeApp#5492)
  Translated using Weblate (Icelandic)
  Bump the babel group with 2 updates (FreeTubeApp#5490)
  Bump marked from 13.0.2 to 13.0.3 (FreeTubeApp#5496)
  Bump lefthook from 1.7.5 to 1.7.11 (FreeTubeApp#5497)
  Bump the eslint group with 4 updates (FreeTubeApp#5491)
  Bump electron from 31.2.1 to 31.3.0 (FreeTubeApp#5493)
  Bump swiper from 11.1.5 to 11.1.8 (FreeTubeApp#5494)
  Translated using Weblate (Azerbaijani)
  Translated using Weblate (Azerbaijani)
  Translated using Weblate (Azerbaijani)
  Translated using Weblate (Azerbaijani)
PikachuEXE added a commit to PikachuEXE/FreeTube that referenced this pull request Aug 1, 2024
* custom-builds/current:
  ^ Update youtubei.js
  Translated using Weblate (Russian)
  Translated using Weblate (Croatian)
  Fix distraction settings and subscribe button CSS not being scoped (FreeTubeApp#5486)
  Move the channel details into their own component (FreeTubeApp#5455)
  Translated using Weblate (Icelandic)
  Bump postcss from 8.4.39 to 8.4.40 in the stylelint group (FreeTubeApp#5492)
  Translated using Weblate (Icelandic)
  Bump the babel group with 2 updates (FreeTubeApp#5490)
  Bump marked from 13.0.2 to 13.0.3 (FreeTubeApp#5496)
  Bump lefthook from 1.7.5 to 1.7.11 (FreeTubeApp#5497)
  Bump the eslint group with 4 updates (FreeTubeApp#5491)
  Bump electron from 31.2.1 to 31.3.0 (FreeTubeApp#5493)
  Bump swiper from 11.1.5 to 11.1.8 (FreeTubeApp#5494)
  Translated using Weblate (Azerbaijani)
  Translated using Weblate (Azerbaijani)
  Translated using Weblate (Azerbaijani)
  Translated using Weblate (Azerbaijani)

# Conflicts:
#	package.json
#	yarn.lock
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants