SheWhoReignsSupreme/Equicord
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Changelog: Use Card

Browse source
This commit is contained in:
thororen1234 2025-12-06 00:23:54 -05:00
parent 7a737bc138
commit fe1c27d4ab
No known key found for this signature in database
2 changed files with 83 additions and 81 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

163
src/components/settings/tabs/changelog/index.tsx
View file

@ -478,87 +478,90 @@ function ChangelogContent() {
return (
<>
<Paragraph className={Margins.bottom16}>
View the most recent changes to Equicord. This fetches commits
directly from the repository to show you what's new.
</Paragraph>
<Card defaultPadding={true} className={Margins.bottom16}>
<Paragraph>
View the most recent changes to Equicord.
<br />
This fetches commits directly from the repository to show you what's new.
<br />
<br />
Repository: {" "}
{repoPending ? (
repo
) : repoErr ? (
"Failed to retrieve - check console"
) : (
<Link href={repo}>
{repo.split("/").slice(-2).join("/")}
</Link>
)}
{" "}
(Current:{" "}
<span className="vc-changelog-current-hash">
{gitHashShort}
</span>
)
</Paragraph>
<br />
<div className="vc-changelog-controls">
<Button
size="small"
disabled={isLoading || repoPending || !!repoErr}
onClick={fetchChangelog}
variant={recentlyChecked ? "positive" : "primary"}
>
{isLoading
? "Loading..."
: recentlyChecked
? "Repository Up to Date"
: "Fetch from Repository"}
</Button>
<Heading>Repository</Heading>
<Paragraph className={Margins.bottom16}>
{repoPending ? (
repo
) : repoErr ? (
"Failed to retrieve - check console"
) : (
<Link href={repo}>
{repo.split("/").slice(-2).join("/")}
</Link>
)}{" "}
(Current:{" "}
<span className="vc-changelog-current-hash">
{gitHashShort}
</span>
)
</Paragraph>
<div className="vc-changelog-controls">
<Button
size="small"
disabled={isLoading || repoPending || !!repoErr}
onClick={fetchChangelog}
variant={recentlyChecked ? "positive" : "primary"}
>
{isLoading
? "Loading..."
: recentlyChecked
? "Repository Up to Date"
: "Fetch from Repository"}
</Button>
{changelogHistory.length > 0 && (
<>
<Button
size="small"
variant={showHistory ? "primary" : "secondary"}
onClick={() => setShowHistory(!showHistory)}
style={{ marginLeft: "8px" }}
>
{showHistory ? "Hide Logs" : "Show Logs"}
</Button>
<Button
size="small"
variant="dangerPrimary"
onClick={() => {
Alerts.show({
title: "Clear All Logs",
body: "Are you sure you would like to clear all logs? This can't be undone.",
confirmText: "Clear All",
confirmColor: "danger",
cancelText: "Cancel",
onConfirm: async () => {
await clearChangelogHistory();
await loadChangelogHistory();
setShowHistory(false);
Toasts.show({
message:
"All logs have been cleared",
id: Toasts.genId(),
type: Toasts.Type.SUCCESS,
options: {
position:
Toasts.Position.BOTTOM,
},
});
},
});
}}
style={{ marginLeft: "8px" }}
>
Clear All Logs
</Button>
</>
)}
</div>
{changelogHistory.length > 0 && (
<>
<Button
size="small"
variant={showHistory ? "primary" : "secondary"}
onClick={() => setShowHistory(!showHistory)}
style={{ marginLeft: "8px" }}
>
{showHistory ? "Hide Logs" : "Show Logs"}
</Button>
<Button
size="small"
variant="dangerPrimary"
onClick={() => {
Alerts.show({
title: "Clear All Logs",
body: "Are you sure you would like to clear all logs? This can't be undone.",
confirmText: "Clear All",
confirmColor: "danger",
cancelText: "Cancel",
onConfirm: async () => {
await clearChangelogHistory();
await loadChangelogHistory();
setShowHistory(false);
Toasts.show({
message:
"All logs have been cleared",
id: Toasts.genId(),
type: Toasts.Type.SUCCESS,
options: {
position:
Toasts.Position.BOTTOM,
},
});
},
});
}}
style={{ marginLeft: "8px" }}
>
Clear All Logs
</Button>
</>
)}
</div>
</Card>
{error && (
<ErrorCard style={{ padding: "1em", marginBottom: "1em" }}>

1
src/components/settings/tabs/changelog/styles.css
View file

@ -76,7 +76,6 @@
}
.vc-changelog-controls {
margin-bottom: 1em;
display: flex;
align-items: center;
flex-wrap: wrap;