Buck9195/doesitarm
1
0
Fork 0
mirror of https://github.com/ThatGuySam/doesitarm.git synced 2026-05-15 06:35:20 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Add subscribe and related videos to benchmarks

Browse source
This commit is contained in:
Sam Carlton 2022-05-05 13:48:05 -05:00
parent b188d3cd72
commit 9e7553c6b7
1 changed files with 30 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

38
src/components/video-listing.astro
View file

@ -5,12 +5,8 @@ import {
ListingDetails ListingDetails
} from '~/helpers/listing-page.js' } from '~/helpers/listing-page.js'
import Aliases from '~/src/components/listing-parts/aliases.astro' // import Devices from '~/src/components/listing-parts/devices.astro'
import RelatedLinks from '~/src/components/listing-parts/related-links.astro'
import Devices from '~/src/components/listing-parts/devices.astro'
import RelatedVideos from '~/src/components/listing-parts/related-videos.astro' import RelatedVideos from '~/src/components/listing-parts/related-videos.astro'
import Bundles from '~/src/components/listing-parts/bundles.astro'
import LastUpdated from '~/src/components/listing-parts/last-updated.astro'
import AllUpdatesSubscribe from '~/components/all-updates-subscribe.vue' import AllUpdatesSubscribe from '~/components/all-updates-subscribe.vue'
@ -26,10 +22,36 @@ const {
} = Astro.props } = Astro.props
const details = new ListingDetails( listing ) const details = new ListingDetails( listing )
--- ---
<section class="container space-y-8 py-32"> <section class="container pb-16">
<div class="flex flex-col items-center text-center space-y-6">
Video Listing { "playerHtml" }
<div class="md:flex w-full justify-between space-y-4 md:space-y-0 md:px-10">
{ details.shouldHaveSubscribeButton &&
<div
class="channel-credit"
>
<a
href="https://www.youtube.com/channel/{ video.channel.id }?sub_confirmation=1"
target="_blank"
rel="noopener"
role="button"
class="relative inline-flex items-center rounded-md px-4 py-2 leading-5 font-bold text-white border border-transparent focus:outline-none focus:border-indigo-600 neumorphic-shadow focus:shadow-outline-indigo bg-darker hover:bg-indigo-400 active:bg-indigo-600 transition duration-150 ease-in-out"
>Subscribe to { details.initialVideo.channel.name }</a>
</div>
}
</div>
<hr class="w-full">
{ "featuredAppsHtml" }
<RelatedVideos
listing={ listing }
/>
</div>
</section> </section>