Skip to content

Conversation

@shleewhite
Copy link
Contributor

@shleewhite shleewhite commented Dec 11, 2025

📌 Summary

If merged, this PR would convert another chunk of the website components to gts.

There are still a few more components, but they are more involved so I will split them into their own PR.

🔗 External links

Jira ticket: HDS-5704


💬 Please consider using conventional comments when reviewing this PR.

📋 PCI review checklist
  • If applicable, I've documented a plan to revert these changes if they require more than reverting the pull request.
  • If applicable, I've worked with GRC to document the impact of any changes to security controls.
    Examples of changes to controls include access controls, encryption, logging, etc.
  • If applicable, I've worked with GRC to ensure compliance due to a significant change to the in-scope PCI environment.
    Examples include changes to operating systems, ports, protocols, services, cryptography-related components, PII processing code, etc.

@vercel
Copy link

vercel bot commented Dec 11, 2025

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Review Updated (UTC)
hds-showcase Ready Ready Preview Dec 18, 2025 7:11pm
hds-website Ready Ready Preview Dec 18, 2025 7:11pm

@shleewhite shleewhite changed the base branch from SPIKE/website-code-snippets to main December 11, 2025 15:19
@shleewhite shleewhite force-pushed the website/gts-all-docs-components branch from 8083853 to fac2f05 Compare December 11, 2025 15:27
@shleewhite shleewhite force-pushed the website/gts-all-docs-components branch from 9a4a7bf to e418f44 Compare December 16, 2025 00:19
@shleewhite shleewhite changed the title Website: convert the rest of the docs components to gts Website: batch 2 of component gts conversions Dec 16, 2025
@shleewhite shleewhite marked this pull request as ready for review December 16, 2025 00:36
@shleewhite shleewhite requested a review from a team as a code owner December 16, 2025 00:36
didoo
didoo previously approved these changes Dec 16, 2025
Copy link
Contributor

@didoo didoo left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nothing that stood out for me.

Comment on lines 53 to 81
<img
class="doc-cards-card__image"
src={{@image}}
alt=""
role="presentation"
/>
<div class="doc-cards-card__details">
<p class="doc-cards-card__title">{{@title}}</p>
{{#if @status.deprecated}}
<DocBadge
class="doc-cards-card__badge"
@type="warning-inverted"
@size="medium"
>Deprecated</DocBadge>
{{else if @status.updated}}
<DocBadge
class="doc-cards-card__badge"
@type="neutral-inverted"
@size="medium"
>Updated</DocBadge>
{{else if @status.added}}
<DocBadge
class="doc-cards-card__badge"
@type="information-inverted"
@size="medium"
>Added</DocBadge>
{{/if}}
<p class="doc-cards-card_description">{{@caption}}</p>
</div>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

One nice thing of gts files is that one can define local (in the same file) components, to be used inside the main <template> block. In this case, you can abstract away all this part, and avoid the duplication below.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I didnt end up making a sub component, but I did switch to getters so the logic only happens in one place.

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.

2 participants