diff --git a/src/interfaces.ts b/src/interfaces.ts index 5a5094ac39..8ce6ff4c69 100644 --- a/src/interfaces.ts +++ b/src/interfaces.ts @@ -236,6 +236,7 @@ export enum GlobalSetting { knownVersion = 'known-electron-versions', localVersion = 'local-electron-versions', packageAuthor = 'packageAuthor', + isShowingGistHistory = 'isShowingGistHistory', packageManager = 'packageManager', showObsoleteVersions = 'showObsoleteVersions', showUndownloadedVersions = 'showUndownloadedVersions', diff --git a/src/less/components/history.less b/src/less/components/history.less new file mode 100644 index 0000000000..0780cafa18 --- /dev/null +++ b/src/less/components/history.less @@ -0,0 +1,63 @@ +.revision-list { + max-height: 400px; + overflow-y: auto; +} + +.revision-list ul { + list-style-type: none; + padding: 0; + margin: 0; +} + +.revision-item { + padding: 10px; + margin-bottom: 5px; + border-radius: 3px; + cursor: pointer; + transition: background-color 0.2s ease; + border-left: 3px solid #106ba3; +} + +.revision-item:hover { + background-color: rgba(167, 182, 194, 0.3); +} + +.revision-content { + display: flex; + flex-direction: column; +} + +.revision-icon { + margin-right: 8px; +} + +.sha-label { + font-size: 12px; + color: #738694; + margin-left: 10px; + font-family: monospace; +} + +.revision-details { + display: flex; + justify-content: space-between; + align-items: center; + margin-top: 5px; +} + +.revision-date { + color: #738694; + font-size: 12px; +} + +.revision-changes { + display: flex; + gap: 5px; +} + +.history-loading { + display: flex; + flex-direction: column; + align-items: center; + padding: 20px; +} diff --git a/src/less/root.less b/src/less/root.less index e980ccc204..1ce2f5848f 100644 --- a/src/less/root.less +++ b/src/less/root.less @@ -10,6 +10,7 @@ // Components @import 'components/commands.less'; @import 'components/output.less'; +@import "components/history.less"; @import 'components/dialogs.less'; @import 'components/mosaic.less'; @import 'components/settings.less'; diff --git a/src/renderer/components/commands.tsx b/src/renderer/components/commands.tsx index 86292d2b38..d3cde2cbb0 100644 --- a/src/renderer/components/commands.tsx +++ b/src/renderer/components/commands.tsx @@ -9,6 +9,7 @@ import { AddressBar } from './commands-address-bar'; import { BisectHandler } from './commands-bisect'; import { Runner } from './commands-runner'; import { VersionChooser } from './commands-version-chooser'; +import { HistoryWrapper } from './history-wrapper'; import { AppState } from '../state'; interface CommandsProps { @@ -75,7 +76,14 @@ export const Commands = observer(
Loading revision history...
+{PackageAuthorDescription}
+{GistHistoryDescription}
++ Set the package.json author field for your exported Fiddle projects. +
+ Show the history of your Gist uploads and optionally load previous revisions. +
+