Function App

src/app.tsx:10–62

()

import { selectedView } from "./state.tsx";

function App() {
  const [currentSidebarItem, setCurrentSidebarItem] =
    createSignal<SidebarItem>();
  return (
    <window
      title="Solid Desktop"
      subtitle="Develop Desktop with Solid"
      style={{
        width: 800,
        height: 600,
        justifyContent: "center",
        alignItems: "center",
      }}
      styleMask={
        NSWindowStyleMask.Titled |
        NSWindowStyleMask.Closable |
        NSWindowStyleMask.Miniaturizable |
        NSWindowStyleMask.Resizable |
        NSWindowStyleMask.FullSizeContentView
      }
      transparentTitleBar={false}
    >
      <AppMenus />

      <split-view
        style={{
          flexDirection: "row",
        }}
        vertical={true}
      >
        <Sidebar
          selectedView={selectedView()}
          onSelectedItemChange={(item) => {
            setCurrentSidebarItem(item);
          }}
          selectedItem={currentSidebarItem()}
        />

        <content-list
          style={{
            justifyContent: "center",
            alignItems: "center",
            width: "100%",
            height: "100%",
          }}
          enableSafeAreaPaddings={true}
        >
          <ContentView component={currentSidebarItem()?.component} />
        </content-list>
      </split-view>
    </window>
  );
}

/**
 * A function export is required here to launch the app