fix: Home Doesn't Load For Non-Admin Users (#2556)

* added non-admin route for fetching current group

* simplified frontend group slug fetching

* exposed public link even if user can't invite

* 🧹

frontend/components/Domain/Recipe/RecipeActionMenu.vue

@@ -52,7 +52,6 @@
         show-print
         :menu-top="false"
         :name="recipe.name"
-        :group-id="recipe.groupId"
         :slug="recipe.slug"
         :menu-icon="$globals.icons.dotsVertical"
         fab

frontend/components/Domain/Recipe/RecipeContextMenu.vue

@@ -271,15 +271,6 @@ export default defineComponent({
       type: Number,
       default: 1,
     },
-    /**
-     * Optional group ID prop that is only _required_ when the
-     * public URL is requested. If the public URL button is pressed
-     * and the groupId is not set, an error will be thrown.
-     */
-    groupId: {
-      type: String,
-      default: "",
-    },
   },
   setup(props, context) {
     const api = useUserApi();
@@ -517,18 +508,17 @@ export default defineComponent({
     const groupSlug = ref<string>("");
 
     async function setGroupSlug() {
-      if (!props.groupId) {
-        groupSlug.value = props.groupId;
+      if (groupSlug.value) {
         return;
       }
 
-      const {data} = await api.groups.getOne(props.groupId);
-      if (!data) {
-        groupSlug.value = props.groupId;
-        return;
+      const { data } = await api.users.getSelfGroup();
+      if (data) {
+        groupSlug.value = data.slug;
+      } else {
+        // @ts-ignore this will either be a string or undefined
+        groupSlug.value = $auth.user?.groupId
       }
-
-      groupSlug.value = data.slug;
     }
 
     // Note: Print is handled as an event in the parent component
@@ -560,14 +550,9 @@ export default defineComponent({
         state.shareDialog = true;
       },
       publicUrl: async () => {
-        if (!props.groupId) {
-          alert.error("Unknown group ID");
-          console.error("prop `groupId` is required when requesting a public URL");
-          return;
-        }
-
+        await setGroupSlug();
         if (!groupSlug.value) {
-          await setGroupSlug();
+          return;
         }
 
         copyText(`${window.location.origin}/explore/recipes/${groupSlug.value}/${props.slug}`);

frontend/lib/api/user/users.ts

@@ -1,7 +1,9 @@
 import { BaseCRUDAPI } from "../base/base-clients";
+import { RequestResponse } from "../types/non-generated";
 import {
   ChangePassword,
   DeleteTokenResponse,
+  GroupInDB,
   LongLiveTokenIn,
   LongLiveTokenOut,
   ResetPassword,
@@ -15,6 +17,7 @@ const prefix = "/api";
 
 const routes = {
   usersSelf: `${prefix}/users/self`,
+  groupsSelf: `${prefix}/users/self/group`,
   passwordReset: `${prefix}/users/reset-password`,
   passwordChange: `${prefix}/users/password`,
   users: `${prefix}/users`,
@@ -33,6 +36,10 @@ export class UserApi extends BaseCRUDAPI<UserIn, UserOut, UserBase> {
   baseRoute: string = routes.users;
   itemRoute = (itemid: string) => routes.usersId(itemid);
 
+  async getSelfGroup(): Promise<RequestResponse<GroupInDB>> {
+    return await this.requests.get(routes.groupsSelf, {});
+  }
+
   async addFavorite(id: string, slug: string) {
     return await this.requests.post(routes.usersIdFavoritesSlug(id, slug), {});
   }

frontend/pages/index.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, ref, useContext } from "@nuxtjs/composition-api";
+import { defineComponent, ref } from "@nuxtjs/composition-api";
 import { invoke } from "@vueuse/core";
 import { useUserApi } from "~/composables/api/api-client";
 import RecipeExplorerPage from "~/components/Domain/Recipe/RecipeExplorerPage.vue";
@@ -13,23 +13,12 @@ import RecipeExplorerPage from "~/components/Domain/Recipe/RecipeExplorerPage.vu
 export default defineComponent({
   components: { RecipeExplorerPage },
   setup() {
-    const { $auth } = useContext();
     const api = useUserApi();
-
-    // @ts-ignore $auth.user is typed as unknown, even though it's a user
-    const groupId: string | undefined = $auth.user?.groupId;
     const groupSlug = ref<string>();
 
-
     invoke(async () => {
-      if (!groupId) {
-        return;
-      }
-
-      const { data } = await api.groups.getOne(groupId);
-      if (data) {
-        groupSlug.value = data.slug;
-      }
+      const { data } = await api.users.getSelfGroup();
+      groupSlug.value = data?.slug;
     });
 
     return {

frontend/pages/user/profile/index.vue

@@ -8,9 +8,9 @@
        {{ $t('profile.description') }}
         <a href="https://hay-kot.github.io/mealie/" target="_blank"> {{ $t('general.learn-more') }} </a>
       </p>
-      <v-card v-if="$auth.user.canInvite" flat color="background" width="100%" max-width="600px">
+      <v-card flat color="background" width="100%" max-width="600px">
         <v-card-actions class="d-flex justify-center">
-          <v-btn outlined rounded @click="getSignupLink()">
+          <v-btn v-if="$auth.user.canInvite"  outlined rounded @click="getSignupLink()">
             <v-icon left>
               {{ $globals.icons.createAlt }}
             </v-icon>
@@ -257,7 +257,7 @@ export default defineComponent({
         return;
       }
 
-      const { data } = await api.groups.getOne(user.value.groupId);
+      const { data } = await api.users.getSelfGroup();
       group.value = data;
     });
 

mealie/routes/users/crud.py

@@ -10,7 +10,7 @@ from mealie.routes.users._helpers import assert_user_change_allowed
 from mealie.schema.response import ErrorResponse, SuccessResponse
 from mealie.schema.response.pagination import PaginationQuery
 from mealie.schema.user import ChangePassword, UserBase, UserIn, UserOut
-from mealie.schema.user.user import UserPagination
+from mealie.schema.user.user import GroupInDB, UserPagination
 
 user_router = UserAPIRouter(prefix="/users", tags=["Users: CRUD"])
 admin_router = AdminAPIRouter(prefix="/users", tags=["Users: Admin CRUD"])
@@ -59,6 +59,10 @@ class UserController(BaseUserController):
     def get_logged_in_user(self):
         return self.user
 
+    @user_router.get("/self/group", response_model=GroupInDB)
+    def get_logged_in_user_group(self):
+        return self.group
+
     @user_router.put("/password")
     def update_password(self, password_change: ChangePassword):
         """Resets the User Password"""