Build fixes

apps/web/components/apps/AllApps.tsx

@@ -1,4 +1,4 @@
-import { appRegistry } from "pages/apps/appRegistry";
+import { appRegistry } from "pages/apps/_appRegistry";
 
 import { useLocale } from "@lib/hooks/useLocale";
 

apps/web/components/apps/Slider.tsx

@@ -2,7 +2,7 @@ import Glide from "@glidejs/glide";
 import "@glidejs/glide/dist/css/glide.core.min.css";
 import "@glidejs/glide/dist/css/glide.theme.min.css";
 import { ArrowLeftIcon, ArrowRightIcon } from "@heroicons/react/solid";
-import { appRegistry } from "pages/apps/appRegistry";
+import { appRegistry } from "pages/apps/_appRegistry";
 import { useEffect, useState } from "react";
 
 import { useLocale } from "@lib/hooks/useLocale";

apps/web/components/team/TeamRole.tsx

@@ -0,0 +1,40 @@
+import { MembershipRole } from "@prisma/client";
+import classNames from "classnames";
+
+import { useLocale } from "@lib/hooks/useLocale";
+
+interface Props {
+  role?: MembershipRole;
+  invitePending?: boolean;
+}
+
+export default function TeamRole(props: Props) {
+  const { t } = useLocale();
+
+  return (
+    <span
+      className={classNames(
+        "self-center rounded-md border px-3 py-1 text-xs  capitalize ltr:mr-2  rtl:ml-2",
+        {
+          "border-blue-200 bg-blue-50 text-blue-700": props.role === "MEMBER",
+          "border-gray-200 bg-gray-50 text-gray-700": props.role === "OWNER",
+          "border-red-200 bg-red-50 text-red-700": props.role === "ADMIN",
+          "border-yellow-200 bg-yellow-50 text-yellow-700": props.invitePending,
+        }
+      )}>
+      {(() => {
+        if (props.invitePending) return t("invitee");
+        switch (props.role) {
+          case "OWNER":
+            return t("owner");
+          case "ADMIN":
+            return t("admin");
+          case "MEMBER":
+            return t("member");
+          default:
+            return "";
+        }
+      })()}
+    </span>
+  );
+}

apps/web/pages/apps/categories/[category].tsx

@@ -7,7 +7,7 @@ import Shell from "@components/Shell";
 import AppCard from "@components/apps/AppCard";
 import Button from "@components/ui/Button";
 
-import { appRegistry } from "../appRegistry";
+import { appRegistry } from "../_appRegistry";
 
 export default function Apps() {
   const { t } = useLocale();

apps/web/pages/getting-started.tsx

@@ -17,6 +17,7 @@ import { useForm } from "react-hook-form";
 import TimezoneSelect from "react-timezone-select";
 import * as z from "zod";
 
+import { CalendarListContainer } from "@lib/apps/calendar/components/CalendarListContainer";
 import { getCalendarCredentials, getConnectedCalendars } from "@lib/apps/calendar/managers/CalendarManager";
 import getApps from "@lib/apps/utils/AppUtils";
 import { asStringOrNull } from "@lib/asStringOrNull";
@@ -32,7 +33,6 @@ import { Schedule as ScheduleType } from "@lib/types/schedule";
 import { ClientSuspense } from "@components/ClientSuspense";
 import Loader from "@components/Loader";
 import { Form } from "@components/form/fields";
-import { CalendarListContainer } from "@components/integrations/CalendarListContainer";
 import { Alert } from "@components/ui/Alert";
 import Button from "@components/ui/Button";
 import Text from "@components/ui/Text";