BetterDiscordApp-rauenzi/renderer/src/ui/settings/sidebarheader.jsx

24 lines
999 B
JavaScript

import Changelog from "@data/changelog";
import React from "@modules/react";
import DiscordModules from "@modules/discordmodules";
import Strings from "@modules/strings";
import HistoryIcon from "@ui/icons/history";
import Modals from "@ui/modals";
import Button from "@ui/base/button";
export default function SettingsTitle() {
return <div className="bd-sidebar-header">
<h2 className="bd-sidebar-header-label">BetterDiscord</h2>
<DiscordModules.Tooltip color="primary" position="top" text={Strings.Modals.changelog}>
{props =>
<Button {...props} className="bd-changelog-button" look={Button.Looks.BLANK} color={Button.Colors.TRANSPARENT} size={Button.Sizes.NONE} onClick={() => Modals.showChangelogModal(Changelog)}>
<HistoryIcon className="bd-icon" size="16px" />
</Button>
}
</DiscordModules.Tooltip>
</div>;
}