pihkaal/pihkaal-me
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(nvim-tree): implement everything except navigation

Browse Source
This commit is contained in:
Pihkaal
2024-05-30 23:55:37 +02:00
parent 69091f6ea4
commit 66785d425e
2 changed files with 213 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
src/components/Nvim/index.tsx
View File

@@ -1,28 +1,41 @@
import { useKitty } from "~/hooks/useKitty";
import { CHAR_HEIGHT } from "../Kitty";
import { NvimEditor } from "./NvimEditor";
import { NvimInput } from "./NvimInput";
import { NvimStatusBar } from "./NvimStatusBar";
import { NvimTree } from "./NvimTree";
export const Nvim = () => (
<div
className="grid h-full"
style={{
gridTemplateColumns: `0.4fr 2fr`,
gridTemplateRows: `1fr ${CHAR_HEIGHT}px ${CHAR_HEIGHT}px`,
}}
>
<div style={{ gridArea: "1 / 1 / 1 / 2" }}>
<NvimTree />
export const Nvim = (_props: {}) => {
const kitty = useKitty();
return (
<div
className="grid h-full"
style={{
gridTemplateColumns: `0.4fr 2fr`,
gridTemplateRows: `1fr ${CHAR_HEIGHT}px ${CHAR_HEIGHT}px`,
}}
>
{kitty && (
<>
<div style={{ gridArea: "1 / 1 / 1 / 2" }}>
<NvimTree {...kitty} />
</div>
<div style={{ gridArea: "1 / 2 / 1 / 3" }}>
<NvimEditor />
</div>
<div style={{ gridArea: "2 / 1 / 2 / 3" }}>
<NvimStatusBar
label="INSERT"
labelColor="#7ea7ca"
fileName="README.md"
/>
</div>
<div style={{ gridArea: "3 / 1 / 3 / 3" }}>
<NvimInput />
</div>
</>
)}
</div>
<div style={{ gridArea: "1 / 2 / 1 / 3" }}>
<NvimEditor />
</div>
<div style={{ gridArea: "2 / 1 / 2 / 3" }}>
<NvimStatusBar label="INSERT" labelColor="#7ea7ca" fileName="README.md" />
</div>
<div style={{ gridArea: "3 / 1 / 3 / 3" }}>
<NvimInput />
</div>
</div>
);
);
};