fix: restrict filtering when not logged in

Author: dastrong-codiga

src/renderer/components/Filters/Filters.tsx

@@ -23,8 +23,12 @@ import {
   LanguageEnumeration,
   LibraryEnumeration,
 } from '../../types/assistantTypes';
+import { useUser } from '../UserContext';
 
 export default function Filters() {
+  const { id: userId } = useUser();
+  const isAuthenticated = !!userId;
+
   const { isOpen, onToggle } = useDisclosure();
   const {
     searchTerm,
@@ -104,6 +108,7 @@ export default function Filters() {
           />
           <Flex flexWrap="nowrap" gridRowGap="0" gridColumnGap="space_16">
             <Radio
+              isDisabled={!isAuthenticated}
               isChecked={privacy === 'all'}
               onChange={() => setPrivacy('all')}
               mb={0}
@@ -113,6 +118,7 @@ export default function Filters() {
               </Text>
             </Radio>
             <Radio
+              isDisabled={!isAuthenticated}
               isChecked={privacy === 'public'}
               onChange={() => setPrivacy('public')}
               mb={0}
@@ -122,6 +128,7 @@ export default function Filters() {
               </Text>
             </Radio>
             <Radio
+              isDisabled={!isAuthenticated}
               isChecked={privacy === 'private'}
               onChange={() => setPrivacy('private')}
               mb={0}
@@ -131,6 +138,7 @@ export default function Filters() {
               </Text>
             </Radio>
             <Checkbox
+              isDisabled={!isAuthenticated}
               checked={isSubscribed}
               onChange={(e) => setIsSubscribed(e.target.checked)}
               mb={0}

src/renderer/hooks/useQueryVariables.ts

@@ -1,13 +1,14 @@
+import { useUser } from '../components/UserContext';
 import {
   GET_USER_RECIPES_VARIABLES,
   GET_USER_SUBSCRIBED_RECIPES_VARIABLES,
   GET_SHARED_RECIPES_VARIABLES,
   GET_USER_COOKBOOKS_VARIABLES,
   GET_USER_SUBSCRIBED_COOKBOOKS_VARIABLES,
   GET_SHARED_COOKBOOKS_VARIABLES,
-} from 'renderer/graphql/variables';
-import { Language } from 'renderer/lib/constants';
-import { LanguageEnumeration } from 'renderer/types/assistantTypes';
+} from '../graphql/variables';
+import { Language } from '../lib/constants';
+import { LanguageEnumeration } from '../types/assistantTypes';
 import { useFilters } from '../components/FiltersContext';
 
 type QueryTypes =
@@ -21,6 +22,7 @@ type QueryTypes =
 
 export default function useQueryVariables(query: QueryTypes) {
   const filters = useFilters();
+  const { id: userId } = useUser();
 
   switch (query) {
     case 'home':
@@ -34,9 +36,9 @@ export default function useQueryVariables(query: QueryTypes) {
         dependencies: filters.library ? [filters.library] : null,
         term: filters.searchTerm || null,
         tags: filters.tags ? [filters.tags] : null,
-        onlyPrivate: filters.privacy === 'private' ? true : null,
-        onlyPublic: filters.privacy === 'public' ? true : null,
-        onlySubscribed: filters.isSubscribed || null,
+        onlyPrivate: filters.privacy === 'private' && !!userId ? true : null,
+        onlyPublic: filters.privacy === 'public' && !!userId ? true : null,
+        onlySubscribed: userId ? filters.isSubscribed || null : null,
       };
 
     case 'my-snippets':