feat: better logs

- added ability to write debug logs for development builds
- added filtering to log page
- modified filter button to allow for multiple selection if required

components/filters/FilterButton.tsx

@@ -6,7 +6,7 @@ import { TouchableOpacity, View, type ViewProps } from "react-native";
 import { FilterSheet } from "./FilterSheet";
 
 interface FilterButtonProps<T> extends ViewProps {
-  collectionId: string;
+  id: string;
   showSearch?: boolean;
   queryKey: string;
   values: T[];
@@ -15,11 +15,12 @@ interface FilterButtonProps<T> extends ViewProps {
   queryFn: (params: any) => Promise<any>;
   searchFilter?: (item: T, query: string) => boolean;
   renderItemLabel: (item: T) => React.ReactNode;
+  multiple?: boolean,
   icon?: "filter" | "sort";
 }
 
 export const FilterButton = <T,>({
-  collectionId,
+  id,
   queryFn,
   queryKey,
   set,
@@ -28,16 +29,17 @@ export const FilterButton = <T,>({
   renderItemLabel,
   searchFilter,
   showSearch = true,
+  multiple = false,
   icon = "filter",
   ...props
 }: FilterButtonProps<T>) => {
   const [open, setOpen] = useState(false);
 
   const { data: filters } = useQuery<T[]>({
-    queryKey: ["filters", title, queryKey, collectionId],
+    queryKey: ["filters", title, queryKey, id],
     queryFn,
     staleTime: 0,
-    enabled: !!collectionId && !!queryFn && !!queryKey,
+    enabled: !!id && !!queryFn && !!queryKey,
   });
 
   return (
@@ -93,6 +95,7 @@ export const FilterButton = <T,>({
         renderItemLabel={renderItemLabel}
         searchFilter={searchFilter}
         showSearch={showSearch}
+        multiple={multiple}
       />
     </>
   );

components/filters/FilterSheet.tsx

@@ -31,6 +31,7 @@ interface Props<T> extends ViewProps {
   searchFilter?: (item: T, query: string) => boolean;
   renderItemLabel: (item: T) => React.ReactNode;
   showSearch?: boolean;
+  multiple?: boolean;
 }
 
 const LIMIT = 100;
@@ -73,6 +74,7 @@ export const FilterSheet = <T,>({
   searchFilter,
   renderItemLabel,
   showSearch = true,
+  multiple = false,
   ...props
 }: Props<T>) => {
   const bottomSheetModalRef = useRef<BottomSheetModal>(null);
@@ -180,12 +182,23 @@ export const FilterSheet = <T,>({
               <View key={index}>
                 <TouchableOpacity
                   onPress={() => {
-                    if (!values.includes(item)) {
-                      set([item]);
+                    if (multiple) {
+                      if (!values.includes(item))
+                        set(values.concat(item))
+                      else set(values.filter(v => v !== item))
+
                       setTimeout(() => {
                         setOpen(false);
                       }, 250);
                     }
+                    else {
+                      if (!values.includes(item)) {
+                        set([item]);
+                        setTimeout(() => {
+                          setOpen(false);
+                        }, 250);
+                      }
+                    }
                   }}
                   className=' bg-neutral-800 px-4 py-3 flex flex-row items-center justify-between'
                 >