Show "Send quick feedback" at the bottom of the free trial column

Author: brunolemos

packages/components/src/components/cards/EmptyCards.tsx

@@ -61,6 +61,7 @@ export interface EmptyCardsProps {
   errorMessage?: string
   errorTitle?: string
   fetchNextPage: (() => void) | undefined
+  footer?: React.ReactNode
   loadState?: EnhancedLoadState
   refresh: (() => void | Promise<void>) | undefined
 }
@@ -76,6 +77,7 @@ export const EmptyCards = React.memo((props: EmptyCardsProps) => {
     errorMessage,
     errorTitle = 'Something went wrong',
     fetchNextPage,
+    footer,
     loadState: _loadStateProp,
     refresh,
   } = props
@@ -156,13 +158,17 @@ export const EmptyCards = React.memo((props: EmptyCardsProps) => {
   }
 
   return (
-    <FullHeightScrollView
-      style={sharedStyles.flex}
-      contentContainerStyle={sharedStyles.center}
-      pointerEvents="box-none"
-    >
-      {renderContent()}
-    </FullHeightScrollView>
+    <>
+      <FullHeightScrollView
+        style={sharedStyles.flex}
+        contentContainerStyle={sharedStyles.center}
+        pointerEvents="box-none"
+      >
+        {renderContent()}
+      </FullHeightScrollView>
+
+      {footer}
+    </>
   )
 })
 

packages/components/src/hooks/use-cards-props.tsx

@@ -378,15 +378,16 @@ export function useCardsProps<ItemT extends EnhancedItem>({
                     )
                   }}
                 />
-
-                <Spacer height={contentPadding} />
-
-                <QuickFeedbackRow />
               </View>
             }
             errorMessage="You need a paid plan to keep using DevHub."
             errorTitle="Free trial expired"
             fetchNextPage={undefined}
+            footer={
+              <View style={sharedStyles.padding}>
+                <QuickFeedbackRow />
+              </View>
+            }
             loadState="error"
             refresh={undefined}
           />