mirror of
https://github.com/OpenSignLabs/OpenSign.git
synced 2026-08-26 01:22:31 +02:00
lsprr
2acf851852
- Created separate Menu and SocialMedia components from the Sidebar. - Enhanced accessibility features in Menu.js, Sidebar.js, SubMenu.js, and SocialMedia.js. - Adjusted NavLink components to improve keyboard navigation accessibility. - Cleaned up and isolated component responsibilities for clarity and maintenance.
27 lines
1.3 KiB
JavaScript
27 lines
1.3 KiB
JavaScript
import React from "react";
|
|
import { NavLink } from "react-router-dom";
|
|
|
|
const SocialMedia = () => {
|
|
return (
|
|
<React.Fragment>
|
|
<NavLink to="https://github.com/opensignlabs/opensign" target="_blank" rel="noopener noreferrer">
|
|
<i aria-hidden="true" className="fa-brands fa-github"></i>
|
|
<span className="fa-sr-only">OpenSign's Github</span>
|
|
</NavLink>
|
|
<NavLink to="https://www.linkedin.com/company/opensign%E2%84%A2/" target="_blank" rel="noopener noreferrer">
|
|
<i aria-hidden="true" className="fa-brands fa-linkedin"></i>
|
|
<span className="fa-sr-only">OpenSign's LinkedIn</span>
|
|
</NavLink>
|
|
<NavLink to="https://www.twitter.com/opensignlabs" target="_blank" rel="noopener noreferrer">
|
|
<i aria-hidden="true" className="fa-brands fa-square-x-twitter"></i>
|
|
<span className="fa-sr-only">OpenSign's Twitter</span>
|
|
</NavLink>
|
|
<NavLink to="https://discord.com/invite/xe9TDuyAyj" target="_blank" rel="noopener noreferrer">
|
|
<i aria-hidden="true" className="fa-brands fa-discord"></i>
|
|
<span className="fa-sr-only">OpenSign's Discord</span>
|
|
</NavLink>
|
|
</React.Fragment>
|
|
)
|
|
}
|
|
|
|
export default SocialMedia; |