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