diff --git a/packages/app/src/panels/pull-request/index.tsx b/packages/app/src/panels/pull-request/index.tsx index 8eb339846..bd1b009b6 100644 --- a/packages/app/src/panels/pull-request/index.tsx +++ b/packages/app/src/panels/pull-request/index.tsx @@ -1,6 +1,7 @@ import { useCallback, useEffect } from "react"; import { Text, View } from "react-native"; import { useTranslation } from "react-i18next"; +import { StyleSheet } from "react-native-unistyles"; import { buildWorkspaceAttachmentScopeKey } from "@/attachments/workspace-attachments-store"; import { useToast } from "@/contexts/toast-context"; import { useCheckoutGitActionsStore } from "@/git/actions-store"; @@ -75,9 +76,9 @@ export function PullRequestContent(input: { return ; } return ( - - {t("panels.pullRequest.emptyTitle")} - {t("panels.pullRequest.emptyDescription")} + + {t("panels.pullRequest.emptyTitle")} + {t("panels.pullRequest.emptyDescription")} ); } @@ -91,12 +92,18 @@ export function usePullRequestData(input: { return usePrPaneData(input); } -const EMPTY_STYLE = { - flex: 1, - alignItems: "center", - justifyContent: "center", - gap: 8, - padding: 24, -} as const; - -const EMPTY_TITLE_STYLE = { fontWeight: "600" } as const; +const styles = StyleSheet.create((theme) => ({ + empty: { + flex: 1, + alignItems: "center", + justifyContent: "center", + gap: 8, + padding: 24, + }, + emptyTitle: { + color: theme.colors.foreground, + }, + emptyDescription: { + color: theme.colors.foregroundMuted, + }, +}));