gitbutlerapp/gitbutler
1
1
Fork 0
mirror of https://github.com/gitbutlerapp/gitbutler.git synced 2024-11-28 13:26:16 +03:00
Code Issues Packages Projects Releases Wiki Activity

Unified timeline: make sure the first file of a session is selected

Browse Source
This commit is contained in:
Kiril Videlov 2023-02-27 15:29:05 +01:00
parent 466277a04e
commit 237b63addc
1 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/routes/projects/[projectId]/timeline/+page.svelte
View File

@ -98,6 +98,7 @@
end: Date;
deltas: Record<string, Delta[]>;
files: Promise<Record<string, string>>;
selectedFilePath: string;
};
let selection = {} as Selection;
@ -117,8 +118,6 @@
let animatingOut = false;
// let selectedFileIdx = 0;
let selectedFilePath = '';
let value = 0; // TODO: rename
const timeStampToCol = (deltaTimestamp: Date, start: Date, end: Date) => {
@ -228,7 +227,8 @@
projectId: $project?.id,
sessionId: uiSession.session.id,
paths: Object.keys(uiSession.deltas)
})
}),
selectedFilePath: Object.keys(uiSession.deltas)[0]
};
scrollExpandedIntoView(dateMilliseconds);
}}
@ -369,17 +369,17 @@
{#each Object.keys(selection.deltas) as filePath}
<div
class="flex {filePath === selectedFilePath
class="flex {filePath === selection.selectedFilePath
? 'bg-zinc-500/70'
: ''}"
>
<button
class="z-20 flex justify-end items-center overflow-hidden sticky left-0 w-1/6 leading-5
{selectedFilePath ===
{selection.selectedFilePath ===
filePath
? 'text-zinc-200 cursor-default'
: 'text-zinc-400 hover:text-zinc-200 cursor-pointer'}"
on:click={() => (selectedFilePath = filePath)}
on:click={() => (selection.selectedFilePath = filePath)}
title={filePath}
>
{filePath.split('/').pop()}
@ -435,7 +435,7 @@
selection.start,
selection.end
);
selectedFilePath = filePath;
selection.selectedFilePath = filePath;
}}
/>
</li>
@ -448,8 +448,8 @@
<div class="col-span-2" />
<div class="col-span-8 bg-zinc-500/70 rounded select-text">
{#await selection.files then files}
{#if selectedFilePath}
<CodeViewer value={files[selectedFilePath]} />
{#if selection.selectedFilePath}
<CodeViewer value={files[selection.selectedFilePath]} />
{/if}
{/await}
</div>