GAME-181 #comment remove unassign btn

Author: kkartunov

src-ts/lib/pagination/infinite-page-handler.model.ts

@@ -6,5 +6,6 @@ export interface InfinitePageHandler<T> {
     data?: ReadonlyArray<T>
     getAndSetNext: () => void
     hasMore: boolean
+    isValidating: boolean
     mutate: KeyedMutator<Array<InfinitePageDao<T>>>
 }

src-ts/lib/pagination/use-infinite-page.hook.ts

@@ -8,7 +8,7 @@ import { InfinitePageHandler } from './infinite-page-handler.model'
 export function useGetInfinitePage<T>(getKey: (index: number, previousPageData: InfinitePageDao<T>) => string | undefined):
     InfinitePageHandler<T> {
 
-    const { data, mutate, setSize, size }: SWRInfiniteResponse<InfinitePageDao<T>> = useSWRInfinite(getKey, { revalidateFirstPage: false })
+    const { data, isValidating, mutate, setSize, size }: SWRInfiniteResponse<InfinitePageDao<T>> = useSWRInfinite(getKey, { revalidateFirstPage: false })
 
     // flatten version of badges paginated data
     const outputData: ReadonlyArray<T> = flatten(map(data, dao => dao.rows))
@@ -21,6 +21,7 @@ export function useGetInfinitePage<T>(getKey: (index: number, previousPageData:
         data: outputData,
         getAndSetNext,
         hasMore: outputData.length < (data?.[0]?.count || 0),
+        isValidating,
         mutate,
     }
 }

src-ts/tools/gamification-admin/pages/badge-detail/AwardedMembersTab/awarded-members-table/member-action-renderer/MemberActionRenderer.tsx

@@ -1,32 +1,33 @@
-import { Button, ButtonProps, useCheckIsMobile } from '../../../../../../../lib'
+// TODO: enable when unassign feature is ready
+// import { Button, ButtonProps, useCheckIsMobile } from '../../../../../../../lib'
 import { MemberBadgeAward } from '../../../../../game-lib'
 
 import styles from './MemberActionRenderer.module.scss'
 
 function MemberActionRenderer(memberAward: MemberBadgeAward): JSX.Element {
 
-    const isMobile: boolean = useCheckIsMobile()
+    // const isMobile: boolean = useCheckIsMobile()
 
-    const buttonProps: ButtonProps = {
-        buttonStyle: 'secondary',
-        size: isMobile ? 'xs' : 'sm',
-    }
+    // const buttonProps: ButtonProps = {
+    //     buttonStyle: 'secondary',
+    //     size: isMobile ? 'xs' : 'sm',
+    // }
 
-    const actionButtons: Array<{
-        label: string
-    }> = [
-            {
-                label: 'Unassign',
-            },
-        ]
+    // const actionButtons: Array<{
+    //     label: string
+    // }> = [
+    //         {
+    //             label: 'Unassign',
+    //         },
+    //     ]
 
-    function onUnassign(): void {
-        // TODO: unassign feature
-    }
+    // function onUnassign(): void {
+
+    // }
 
     return (
         <div className={styles['badge-actions']}>
-            {actionButtons.map((button, index) => {
+            {/* {actionButtons.map((button, index) => {
                 return (
                     <Button
                         {...buttonProps}
@@ -35,7 +36,7 @@ function MemberActionRenderer(memberAward: MemberBadgeAward): JSX.Element {
                         onClick={onUnassign}
                     />
                 )
-            })}
+            })} */}
         </div>
     )
 }