diff --git a/package-lock.json b/package-lock.json
index ab34ee78..64f042c5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,6 +14,7 @@
"@mui/icons-material": "^5.16.4",
"@mui/lab": "^5.0.0-alpha.173",
"@mui/material": "^5.16.1",
+ "@primer/octicons-react": "^19.25.0",
"@tanstack/react-query": "^5.51.15",
"@types/dompurify": "^3.0.5",
"@types/react-syntax-highlighter": "^15.5.13",
@@ -1330,6 +1331,16 @@
"url": "https://opencollective.com/popperjs"
}
},
+ "node_modules/@primer/octicons-react": {
+ "version": "19.25.0",
+ "license": "MIT",
+ "engines": {
+ "node": ">=8"
+ },
+ "peerDependencies": {
+ "react": ">=16.3"
+ }
+ },
"node_modules/@remix-run/router": {
"version": "1.23.2",
"resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.23.2.tgz",
diff --git a/package.json b/package.json
index 025842b1..fb3a4122 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,7 @@
"@emotion/styled": "^11.11.5",
"@mui/icons-material": "^5.16.4",
"@mui/material": "^5.16.1",
+ "@primer/octicons-react": "^19.25.0",
"@mui/system": "^5.18.0",
"@tanstack/react-query": "^5.51.15",
"@types/react-syntax-highlighter": "^15.5.13",
diff --git a/src/pages/RepositoryDetailsPage.tsx b/src/pages/RepositoryDetailsPage.tsx
index 5dd932cf..7cceb410 100644
--- a/src/pages/RepositoryDetailsPage.tsx
+++ b/src/pages/RepositoryDetailsPage.tsx
@@ -27,9 +27,8 @@ import {
import type { Theme } from '@mui/material/styles';
import GitHubIcon from '@mui/icons-material/GitHub';
import CodeIcon from '@mui/icons-material/Code';
-import BugReportIcon from '@mui/icons-material/BugReport';
-import MergeTypeIcon from '@mui/icons-material/MergeType';
import ArticleIcon from '@mui/icons-material/Article';
+import { GitPullRequestIcon, IssueOpenedIcon } from '@primer/octicons-react';
import VolunteerActivismIcon from '@mui/icons-material/VolunteerActivism';
import FactCheckIcon from '@mui/icons-material/FactCheck';
import TuneIcon from '@mui/icons-material/Tune';
@@ -563,13 +562,39 @@ const RepositoryDetailsPage: React.FC = () => {
disableRipple
/>
}
+ icon={
+
+
+
+ }
iconPosition="start"
label={issuesTabLabel}
disableRipple
/>
}
+ icon={
+
+
+
+ }
iconPosition="start"
label="Pull Requests"
disableRipple