refactor layout

* ui polishing
* frontend and backend fixes

apps/client/src/lib/app-route.ts

@@ -4,6 +4,18 @@ const APP_ROUTE = {
     LOGIN: "/login",
     SIGNUP: "/signup",
   },
+  SETTINGS: {
+    ACCOUNT: {
+      PROFILE: "/settings/account/profile",
+      PREFERENCES: "/settings/account/preferences",
+    },
+    WORKSPACE: {
+      GENERAL: "/settings/workspace",
+      MEMBERS: "/settings/members",
+      GROUPS: "/settings/groups",
+      SPACES: "/settings/spaces",
+    },
+  },
 };
 
 export default APP_ROUTE;

apps/client/src/lib/config.ts

@@ -28,9 +28,17 @@ export function getCollaborationUrl(): string {
 }
 
 export function getAvatarUrl(avatarUrl: string) {
+  if (!avatarUrl) {
+    return null;
+  }
+
   if (avatarUrl.startsWith("http")) {
     return avatarUrl;
   }
 
   return getBackendUrl() + "/attachments/img/avatar/" + avatarUrl;
 }
+
+export function getSpaceUrl(spaceSlug: string) {
+  return "/s/" + spaceSlug;
+}

apps/client/src/lib/index.ts

@@ -0,0 +1 @@
+export * from "./utils";

apps/client/src/lib/utils.ts

@@ -0,0 +1,15 @@
+export function formatMemberCount(memberCount: number): string {
+  if (memberCount === 1) {
+    return "1 member";
+  } else {
+    return `${memberCount} members`;
+  }
+}
+
+export function extractPageSlugId(input: string): string {
+  if (!input) {
+    return undefined;
+  }
+  const parts = input.split("-");
+  return parts.length > 1 ? parts[parts.length - 1] : input;
+}