samling 0.13.1

App for managing apparel collections
Documentation 
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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57

import {
  AdjustmentsHorizontalIcon,
  TruckIcon,
  RectangleStackIcon,
} from "@heroicons/react/24/outline";
import { t } from "@lingui/macro";
import SidebarMobile from "./SidebarMobile";
import { Role } from "../../types/api";
import { SidebarOpenProps, NavigationItem } from "./propTypes";
import SidebarDesktop from "./SidebarDesktop";
import { useLocalize } from "../../i18n";
import { useLocation } from "react-router-dom";
import { useAppSelector } from "../../state/hooks";

export default function Sidebar(props: SidebarOpenProps) {
  let { pathname } = useLocation();
  let { activeOrganization } = useAppSelector((state) => state.user);
  const { i18nLink } = useLocalize();

  let navigationItems: NavigationItem[] = [
    {
      text: t`Collections`,
      to: i18nLink("/app"),
      icon: RectangleStackIcon,
      current: false,
    },
  ];

  if (
    !!activeOrganization &&
    activeOrganization.roles.includes(Role.Administrator)
  ) {
    navigationItems.push({
      text: t`Admin`,
      to: i18nLink("/app/admin"),
      icon: AdjustmentsHorizontalIcon,
      current: false,
    });
  }
  navigationItems.push({
    text: t`To public page`,
    to: i18nLink("/"),
    icon: TruckIcon,
    current: false,
  });

  navigationItems.forEach((item) => {
    item.current = item.to === pathname;
  });

  return (
    <div className="print:hidden">
      <SidebarMobile {...props} navigationItems={navigationItems} />
      <SidebarDesktop navigationItems={navigationItems} />
    </div>
  );
}