extending linkOptions

Hi, is there any option to make this function typeSafe? I am talking about extending the "link" with "permisson"

I've been strugling with a working solution for a while now and I usually just skip the typeSafety with linkOptions and just make it a const

const getRoleBasedLinks = (user: AuthUser) => {
  const allLinks = linkOptions([
    {
      to: "/app",
      icon: HomeIcon,
      title: "Domů",
    },
    // {... more links}
    {
      to: "/app/administrace",
      icon: LockIcon,
      title: "Administrace",
      permission: ["admin"],
    },
  ]);

  // Filter based on user's position
  return allLinks.filter((link) => {
    if (!link.permission) return true;
    return link.permission.some((position) =>
      user.player_role?.includes(position),
    );
  });
};

const getRoleBasedLinks = (user: AuthUser) => {
  const allLinks = linkOptions([
    {
      to: "/app",
      icon: HomeIcon,
      title: "Domů",
    },
    // {... more links}
    {
      to: "/app/administrace",
      icon: LockIcon,
      title: "Administrace",
      permission: ["admin"],
    },
  ]);

  // Filter based on user's position
  return allLinks.filter((link) => {
    if (!link.permission) return true;
    return link.permission.some((position) =>
      user.player_role?.includes(position),
    );
  });
};

TanStack•5mo ago•

4 replies

faint-white

extending linkOptions

const getRoleBasedLinks = (user: AuthUser) => {
  const allLinks = linkOptions([
    {
      to: "/app",
      icon: HomeIcon,
      title: "Domů",
    },
    // {... more links}
    {
      to: "/app/administrace",
      icon: LockIcon,
      title: "Administrace",
      permission: ["admin"],
    },
  ]);

  // Filter based on user's position
  return allLinks.filter((link) => {
    if (!link.permission) return true;
    return link.permission.some((position) =>
      user.player_role?.includes(position),
    );
  });
};

const getRoleBasedLinks = (user: AuthUser) => {
  const allLinks = linkOptions([
    {
      to: "/app",
      icon: HomeIcon,
      title: "Domů",
    },
    // {... more links}
    {
      to: "/app/administrace",
      icon: LockIcon,
      title: "Administrace",
      permission: ["admin"],
    },
  ]);

  // Filter based on user's position
  return allLinks.filter((link) => {
    if (!link.permission) return true;
    return link.permission.some((position) =>
      user.player_role?.includes(position),
    );
  });
};

extending linkOptions

Similar Threads

extending linkOptions

Similar Threads

Similar Threads

Similar Threads