external/hydra
1
0
Fork 0
mirror of https://github.com/hydralauncher/hydra.git synced 2025-03-09 15:40:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor/sidebar-socials: refactor & adjust code

Browse source
This commit is contained in:
Guilherme Viana 2024-04-19 16:47:07 -03:00
parent 68e4612f47
commit 3ed9c367ea
6 changed files with 42 additions and 57 deletions
Download patch file Download diff file Expand all files Collapse all files

65
src/renderer/components/sidebar/sidebar.tsx
View file

@ -8,12 +8,28 @@ import { AsyncImage, TextField } from "@renderer/components";
import { useDownload, useLibrary } from "@renderer/hooks";
import { SPACING_UNIT } from "@renderer/theme.css";
import { MarkGithubIcon } from "@primer/octicons-react";
import DiscordLogo from "../../assets/discord-icon.svg";
import XLogo from "../../assets/x-icon.svg";
import { routes } from "./routes";
import { MarkGithubIcon } from "@primer/octicons-react";
import DiscordLogo from "@renderer/assets/discord-icon.svg";
import XLogo from "@renderer/assets/x-icon.svg";
import * as styles from "./sidebar.css";
const socials = [
{
url: "https://discord.gg/hydralauncher",
icon: <DiscordLogo />,
},
{
url: "https://twitter.com/hydralauncher",
icon: <XLogo />,
},
{
url: "https://github.com/hydralauncher/hydra",
icon: <MarkGithubIcon size={16} />,
},
];
const SIDEBAR_MIN_WIDTH = 200;
const SIDEBAR_INITIAL_WIDTH = 250;
const SIDEBAR_MAX_WIDTH = 450;
@ -220,38 +236,17 @@ export function Sidebar() {
<div className={styles.footerText}>{t("follow_us")}</div>
<span className={styles.footerSocialsContainer}>
<button
className={styles.footerSocialsItem}
onClick={() =>
window.electron.openExternalUrl(
"https://discord.gg/hydralauncher"
)
}
>
<DiscordLogo />
</button>
<button
className={styles.footerSocialsItem}
onClick={() =>
window.electron.openExternalUrl(
"https://twitter.com/hydralauncher"
)
}
>
<XLogo />
</button>
<button
className={styles.footerSocialsItem}
onClick={() =>
window.electron.openExternalUrl(
"https://github.com/hydralauncher/hydra"
)
}
>
<MarkGithubIcon size={16} />
</button>
{socials.map((item, i) => {
return (
<button
key={i}
className={styles.footerSocialsItem}
onClick={() => window.electron.openExternal(item.url)}
>
{item.icon}
</button>
);
})}
</span>
</footer>
</aside>