fix(user-interviews): address qa-swarm findings on copy-link button (#58698)

Author: pauldambra

products/user_interviews/frontend/UserInterview.tsx

@@ -219,7 +219,7 @@ function DetailRow({ label, value }: { label: string; value: string }): JSX.Elem
 }
 
 function InterviewLinkCopyButton({ identifier, topicId }: { identifier: string; topicId: string }): JSX.Element {
-    const { linkForIdentifier, linksLoading } = useValues(userInterviewLogic({ id: topicId }))
+    const { linkForIdentifier, linksLoading, linksLoadFailed } = useValues(userInterviewLogic({ id: topicId }))
     const interviewUrl = linkForIdentifier(identifier)
 
     const handleCopy = (e: React.MouseEvent): void => {
@@ -231,7 +231,13 @@ function InterviewLinkCopyButton({ identifier, topicId }: { identifier: string;
         void copyToClipboard(interviewUrl, 'interview link')
     }
 
-    const disabledReason = interviewUrl ? undefined : linksLoading ? 'Generating link…' : 'No link available'
+    const disabledReason = interviewUrl
+        ? undefined
+        : linksLoadFailed
+          ? "Couldn't generate link — refresh to retry"
+          : linksLoading
+            ? 'Generating link…'
+            : 'No link available'
 
     return (
         <LemonButton

products/user_interviews/frontend/userInterviewLogic.ts

@@ -1,4 +1,4 @@
-import { afterMount, kea, key, path, props, selectors } from 'kea'
+import { afterMount, kea, key, path, props, reducers, selectors } from 'kea'
 import { loaders } from 'kea-loaders'
 
 import { teamLogic } from 'scenes/teamLogic'
@@ -24,6 +24,13 @@ export interface UserInterviewLogicProps {
     id: string
 }
 
+function unwrapPaginatedOrArray<T>(response: T[] | { results?: T[] }): T[] {
+    if (Array.isArray(response)) {
+        return response
+    }
+    return response.results ?? []
+}
+
 export const userInterviewLogic = kea<userInterviewLogicType>([
     path(['products', 'user_interviews', 'frontend', 'userInterviewLogic']),
     props({} as UserInterviewLogicProps),
@@ -71,13 +78,19 @@ export const userInterviewLogic = kea<userInterviewLogicType>([
                 const response = (await userInterviewTopicsGenerateLinksCreate(projectId, props.id)) as unknown as
                     | InterviewLinkApi[]
                     | { results?: InterviewLinkApi[] }
-                if (Array.isArray(response)) {
-                    return response
-                }
-                return response.results ?? []
+                return unwrapPaginatedOrArray(response)
             },
         },
     })),
+    reducers({
+        linksLoadFailed: [
+            false,
+            {
+                loadLinks: () => false,
+                loadLinksFailure: () => true,
+            },
+        ],
+    }),
     selectors(({ props }) => ({
         topicInterviews: [
             (s) => [s.interviews],