ui/src/pages/Dotfiles.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

import { useState } from "react";

import { Cog6ToothIcon } from "@heroicons/react/24/outline";

import Aliases from "@/components/dotfiles/Aliases";

import { Drawer } from "@/components/drawer";
import { invoke } from "@tauri-apps/api/core";

function Header() {
  return (
    <div className="md:flex md:items-center md:justify-between">
      <div className="min-w-0 flex-1">
        <h2 className="text-2xl font-bold leading-7 text-gray-900 sm:truncate sm:text-3xl sm:tracking-tight">
          Dotfiles
        </h2>
      </div>
    </div>
  );
}

export default function Dotfiles() {
  return (
    <div className="pl-60">
      <div className="p-10">
        <Header />
        Manage your shell aliases, variables and paths
        <Aliases />
      </div>
    </div>
  );
}