Commits show up in UI after authentication success

ui/components/CommitsTable.tsx

@@ -20,6 +20,7 @@ import Link from "./Link";
 type Props = {
   className?: string;
   app: Application;
+  authSuccess: boolean;
   onAuthClick?: () => void;
 };
 
@@ -31,23 +32,22 @@ const timestamp = (isoStr: string) => {
   return DateTime.fromISO(isoStr).toRelative();
 };
 
-function CommitsTable({ className, app, onAuthClick }: Props) {
+function CommitsTable({ className, app, authSuccess, onAuthClick }: Props) {
   const { applicationsClient } = useContext(AppContext);
   const [commits, loading, error, req] = useRequestState<ListCommitsResponse>();
 
   React.useEffect(() => {
     if (!app || !app.name) {
       return;
     }
-
     req(
       applicationsClient.ListCommits({
         name: app.name,
         namespace: app.namespace,
         pageSize: 10,
       })
     );
-  }, [app]);
+  }, [app, authSuccess]);
 
   if (error) {
     return error.code === GrpcErrorCodes.Unauthenticated ? (

ui/components/__tests__/CommitsTable.test.tsx

@@ -38,7 +38,9 @@ describe("CommitsTable", () => {
       let c;
       await act(async () => {
         const { container: div } = render(
-          withTheme(withContext(<CommitsTable app={app} />, "/", ovr)),
+          withTheme(
+            withContext(<CommitsTable app={app} authSuccess={true} />, "/", ovr)
+          ),
           container
         );
         c = div;
@@ -60,7 +62,9 @@ describe("CommitsTable", () => {
 
     await act(async () => {
       render(
-        withTheme(withContext(<CommitsTable app={app} />, "/", ovr)),
+        withTheme(
+          withContext(<CommitsTable app={app} authSuccess={true} />, "/", ovr)
+        ),
         container
       );
     });

ui/pages/ApplicationDetail.tsx

@@ -142,6 +142,7 @@ function ApplicationDetail({ className, name }: Props) {
       <CommitsTable
         // Get CommitsTable to retry after auth
         app={application}
+        authSuccess={authSuccess}
         onAuthClick={() => setGithubAuthModalOpen(true)}
       />
       <Modal