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

Overriding the footer #323

Open
eric-burel opened this issue Sep 10, 2024 · 1 comment
Open

Overriding the footer #323

eric-burel opened this issue Sep 10, 2024 · 1 comment
Labels
enhancement New feature or request pr-welcome Accepting pull requests for this change

Comments

@eric-burel
Copy link
Contributor

Is your feature request related to a problem?

The webcontainer link text customization is not enough, because this footer is also the place where we may want to include legal terms, contact info and copyrights, especially when deploying a tutorial as a completely standalone website with no other content page.

Describe the solution you'd like.

Similarly to TopBar, customizing the footer.

Describe alternatives you've considered.

Customizing "webcontainerLinkText" to feed it more content is not enough, as it will be wrapped by an anchor tag.

Additional context

I am digging the code to better understand the implementation, and maybe contribute : I see that overidable components are typed in packages/astro/src/default/env-default.d.ts, which then allows to get them from a virtual import packages/astro/src/default/components/TopBarWrapper.astro.
I think this system is fine, so it could be expanded to more components. Coupled with slots, it's really great because you only need to provide the relevant slots in your own version to keep similar content around.

@AriPerkkio AriPerkkio added enhancement New feature or request pr-welcome Accepting pull requests for this change labels Sep 10, 2024
@AriPerkkio
Copy link
Member

This is great idea! Currently we only support overriding the TopBar, but the idea was that we would extend the support for other components when requests like this come up.

To see how TopBar overriding was implemented, see:

I think it would make sense to include all these components in the footer component:

So something like:

<footer>
  Some content here
  <slot name="edit-page-link" />
  and here
  <slot name="back-link" />
  here too
  <slot name="next-link" />
  here too
  <slot name="webcontainers-link" />
  and here!
</footer>

RonithManikonda added a commit that referenced this issue Nov 7, 2024
adds support for overriding the footer component, similar to the TopBar override setup. Users can now customize footer content such as legal terms, contact info, and copyrights.

this change introduces `Footer.astro` and `FooterWrapper.astro` files to allow flexible slotting of footer items, improving customization for standalone tutorial deployments

close #323
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request pr-welcome Accepting pull requests for this change
Projects
None yet
Development

No branches or pull requests

2 participants