Currently, we are using an Icon component exported from components/ui/button.tsx to render the GitHub link in both the ThemeToggle and AppFooter components. We want to clean this up by extracting the GitHub icon link into its own component and using the standard Button component.
Tasks
Currently, we are using an
Iconcomponent exported fromcomponents/ui/button.tsxto render the GitHub link in both theThemeToggleandAppFootercomponents. We want to clean this up by extracting the GitHub icon link into its own component and using the standardButtoncomponent.Tasks
components/github-link.tsxthat renders aButtoncontaining the<FaGithub />icon wrapped in an<a>tag.<Icon>usage with the new component incomponents/theme-toggle.tsx.<Icon>usage with the new component incomponents/app-footer.tsx.Iconcomponent export fromcomponents/ui/button.tsx.