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,
+ },
+}));