feat: add infinite scroll pagination and notification support

- Added pagination support with `fetchNextPage`, `hasNextPage`, and `isFetchingNextPage` to explore screens for both repositories and developers
- Implemented infinite scroll with `onEndReached` and `onEndReachedThreshold` for better performance with large datasets
- Added loading indicators during pagination with `ActivityIndicator`
- Added `expo-notifications` dependency to app.json for future notification features
- Updated FlatList components to use flattened data from paginated results
- Enhanced artifact list in workflow runs to show empty state when no artifacts exist

Author: involvex

CHANGELOG.md

@@ -1,3 +1,9 @@
+## [0.0.10](https://github.com/involvex/awesome-github-app/compare/0.0.9...0.0.10) (2026-03-09)
+
+### Features
+
+- add infinite scroll pagination and notification support ([a7557fc](https://github.com/involvex/awesome-github-app/commit/a7557fc8fdb4e39e2ad034baab151da3453ab64d))
+
 ## [0.0.9](https://github.com/involvex/awesome-github-app/compare/0.0.8...0.0.9) (2026-03-09)
 
 ## [0.0.8](https://github.com/involvex/awesome-github-app/compare/0.0.7...0.0.8) (2026-03-09)

android/app/build.gradle

@@ -92,8 +92,8 @@ android {
         applicationId 'com.involvex.awesomegithubapp'
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 9
-        versionName "0.0.9"
+        versionCode 10
+        versionName "0.0.10"
 
         buildConfigField "String", "REACT_NATIVE_RELEASE_LEVEL", "\"${findProperty('reactNativeReleaseLevel') ?: 'stable'}\""
     }

app.json

@@ -3,7 +3,7 @@
     "name": "awesome-github-app",
     "slug": "awesome-github-app",
     "owner": "involvex",
-    "version": "0.0.9",
+    "version": "0.0.10",
     "orientation": "portrait",
     "userInterfaceStyle": "automatic",
     "githubUrl": "https://github.com/involvex/awesome-github-app.git",
@@ -18,7 +18,8 @@
       "expo-font",
       "expo-web-browser",
       "expo-image",
-      "expo-secure-store"
+      "expo-secure-store",
+      "expo-notifications"
     ],
     "android": {
       "package": "com.involvex.awesomegithubapp",
@@ -27,7 +28,7 @@
         "backgroundColor": "#ffffff"
       },
       "userInterfaceStyle": "automatic",
-      "versionCode": 9
+      "versionCode": 10
     },
     "web": {
       "output": "single",
@@ -36,7 +37,7 @@
     },
     "ios": {
       "bundleIdentifier": "com.involvex.awesomegithubapp",
-      "buildNumber": "9",
+      "buildNumber": "10",
       "infoPlist": {
         "ITSAppUsesNonExemptEncryption": false
       }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "awesome-github-app",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "private": true,
   "keywords": [
     "github",

src/app/(tabs)/explore/developers.tsx

@@ -34,7 +34,9 @@ export default function DevelopersScreen() {
     language === "all"
       ? "followers:>1000"
       : `language:${language} followers:>100`;
-  const { data, isLoading } = useSearch(q, "users");
+  const { data, isLoading, fetchNextPage, hasNextPage, isFetchingNextPage } =
+    useSearch(q, "users");
+  const users = data?.pages.flatMap(p => p as SearchUserItem[]) ?? [];
 
   return (
     <View style={[styles.container, { backgroundColor: theme.background }]}>
@@ -67,8 +69,17 @@ export default function DevelopersScreen() {
         />
       ) : (
         <FlatList
-          data={data as SearchUserItem[]}
+          data={users}
           keyExtractor={item => String(item.id)}
+          onEndReached={() => {
+            if (hasNextPage && !isFetchingNextPage) fetchNextPage();
+          }}
+          onEndReachedThreshold={0.3}
+          ListFooterComponent={
+            isFetchingNextPage ? (
+              <ActivityIndicator style={{ padding: 16 }} />
+            ) : null
+          }
           renderItem={({ item }) => (
             <Pressable
               style={[styles.row, { borderBottomColor: theme.border }]}

src/app/(tabs)/explore/index.tsx

@@ -137,10 +137,13 @@ export default function ExploreScreen() {
   const activeFiltersCount =
     (sortBy !== "best-match" ? 1 : 0) + (language ? 1 : 0) + (starsMin ? 1 : 0);
 
-  const { data, isLoading } = useSearch(effectiveQuery, "repositories", {
-    sort: sortBy === "best-match" ? undefined : sortBy,
-    order: "desc",
-  });
+  const { data, isLoading, fetchNextPage, hasNextPage, isFetchingNextPage } =
+    useSearch(effectiveQuery, "repositories", {
+      sort: sortBy === "best-match" ? undefined : sortBy,
+      order: "desc",
+    });
+
+  const repos = data?.pages.flatMap(p => p as SearchRepoItem[]) ?? [];
 
   useEffect(() => {
     if (incomingQuery) {
@@ -298,13 +301,23 @@ export default function ExploreScreen() {
             />
           ) : (
             <FlatList
-              data={data as SearchRepoItem[]}
+              data={repos}
               keyExtractor={item => String(item.id)}
               renderItem={({ item }) => <RepoRow item={item} />}
               contentContainerStyle={
-                (data as SearchRepoItem[] | undefined)?.length === 0
-                  ? styles.listEmptyContainer
-                  : undefined
+                repos.length === 0 ? styles.listEmptyContainer : undefined
+              }
+              onEndReached={() => {
+                if (hasNextPage && !isFetchingNextPage) fetchNextPage();
+              }}
+              onEndReachedThreshold={0.3}
+              ListFooterComponent={
+                isFetchingNextPage ? (
+                  <ActivityIndicator
+                    style={{ paddingVertical: 16 }}
+                    color={theme.primary}
+                  />
+                ) : null
               }
               ListEmptyComponent={
                 <View style={styles.emptyState}>

src/app/repo/[owner]/[repo]/index.tsx

@@ -1,5 +1,6 @@
 import {
   ActivityIndicator,
+  FlatList,
   Linking,
   Pressable,
   ScrollView,
@@ -14,6 +15,7 @@ import {
   useRepoReadme,
   useRepoContents,
   useCreateFork,
+  useBranches,
 } from "../../../../lib/api/hooks";
 import { LanguageDot } from "../../../../components/ui/LanguageDot";
 import { Markdown } from "../../../../components/ui/Markdown";
@@ -298,6 +300,99 @@ function CodeTab({ owner, repo }: { owner: string; repo: string }) {
   );
 }
 
+function BranchesTab({ owner, repo }: { owner: string; repo: string }) {
+  const theme = useAppTheme();
+  const { data: repoData } = useRepo(owner, repo);
+  const { data, isLoading, fetchNextPage, hasNextPage, isFetchingNextPage } =
+    useBranches(owner, repo);
+
+  const branches = data?.pages.flatMap(p => p) ?? [];
+  const defaultBranch = repoData?.default_branch;
+
+  if (isLoading) {
+    return (
+      <ActivityIndicator
+        style={{ flex: 1, padding: 32 }}
+        color={theme.primary}
+      />
+    );
+  }
+
+  return (
+    <FlatList
+      data={branches}
+      keyExtractor={item => item.name}
+      contentContainerStyle={styles.tabContent}
+      onEndReached={() => {
+        if (hasNextPage && !isFetchingNextPage) fetchNextPage();
+      }}
+      onEndReachedThreshold={0.3}
+      ListFooterComponent={
+        isFetchingNextPage ? (
+          <ActivityIndicator
+            style={{ paddingVertical: 16 }}
+            color={theme.primary}
+          />
+        ) : null
+      }
+      ListEmptyComponent={
+        <View style={styles.emptyState}>
+          <Ionicons
+            name="git-branch-outline"
+            size={32}
+            color={theme.muted}
+          />
+          <Text style={[styles.emptyTitle, { color: theme.text }]}>
+            No branches
+          </Text>
+        </View>
+      }
+      renderItem={({ item }) => (
+        <View
+          style={[
+            styles.branchRow,
+            { backgroundColor: theme.surface, borderColor: theme.border },
+          ]}
+        >
+          <Ionicons
+            name="git-branch-outline"
+            size={16}
+            color={theme.muted}
+          />
+          <Text
+            style={[styles.branchName, { color: theme.text }]}
+            numberOfLines={1}
+          >
+            {item.name}
+          </Text>
+          {item.name === defaultBranch && (
+            <View
+              style={[
+                styles.branchBadge,
+                {
+                  backgroundColor: theme.primary + "20",
+                  borderColor: theme.primary,
+                },
+              ]}
+            >
+              <Text style={[styles.branchBadgeText, { color: theme.primary }]}>
+                default
+              </Text>
+            </View>
+          )}
+          {item.protected && (
+            <Ionicons
+              name="lock-closed-outline"
+              size={14}
+              color={theme.muted}
+            />
+          )}
+        </View>
+      )}
+    />
+  );
+}
+
 function ComingSoonTab({
   name,
   icon,
@@ -646,9 +741,9 @@ export default function RepoDetailScreen() {
           />
         )}
         {activeTab === "Branches" && (
-          <ComingSoonTab
-            name="Branches"
-            icon="git-branch-outline"
+          <BranchesTab
+            owner={owner!}
+            repo={repo!}
           />
         )}
       </ScrollView>
@@ -803,6 +898,29 @@ const styles = StyleSheet.create({
     fontWeight: "800",
     letterSpacing: 1,
   },
+  branchRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    paddingVertical: 12,
+    paddingHorizontal: 16,
+    borderBottomWidth: StyleSheet.hairlineWidth,
+  },
+  branchName: {
+    flex: 1,
+    fontSize: 14,
+    fontWeight: "500",
+  },
+  branchBadge: {
+    paddingHorizontal: 7,
+    paddingVertical: 2,
+    borderRadius: 10,
+    borderWidth: 1,
+  },
+  branchBadgeText: {
+    fontSize: 11,
+    fontWeight: "600",
+  },
   breadcrumb: { marginBottom: 8 },
   breadcrumbContent: { flexDirection: "row", alignItems: "center" },
   breadcrumbItem: { flexDirection: "row", alignItems: "center" },