#46 updated badge panel

src/features/Projects/Project/BadgePanel/BadgePanel.js

@@ -0,0 +1,22 @@
+import { LanguageBadge, IssueCountBadge, LicenseBadge } from "./Badges";
+import PropTypes from "prop-types";
+
+export const BadgePanel = (props) => {
+	return (
+		<div>
+			<LanguageBadge language={props.primaryLanguage} />
+			<IssueCountBadge
+				issueCount={props.issueCount}
+				repoLink={props.repoLink}
+			/>
+			<LicenseBadge license={props.license} />
+		</div>
+	);
+};
+
+BadgePanel.propTypes = {
+	primaryLanguage: PropTypes.string.isRequired,
+	issueCount: PropTypes.number.isRequired,
+	repoLink: PropTypes.string.isRequired,
+	license: PropTypes.string.isRequired,
+};

src/features/Projects/Project/BadgePanel/Badges/index.js

@@ -0,0 +1,5 @@
+import IssueCountBadge from "./IssueCountBadge";
+import LanguageBadge from "./LanguageBadge";
+import LicenseBadge from "./LicenseBadge";
+
+export { IssueCountBadge, LanguageBadge, LicenseBadge };

src/features/Projects/Project/BadgePanel/index.js

@@ -0,0 +1,2 @@
+import { BadgePanel } from "./BadgePanel";
+export default BadgePanel;

src/features/Projects/Project/Project.js

@@ -1,22 +1,19 @@
-import LanguageBadge from "./LanguageBadge";
 import css from "./Project.module.css";
 import ButtonPanel from "./ButtonPanel";
-import IssueCountBadge from "./IssueCountBadge";
-import LicenseBadge from "./LicenseBadge";
 import ProjectTopicsList from "./ProjectTopicsList";
 import PropTypes from "prop-types";
+import BadgePanel from "./BadgePanel";
 
 export const Project = (props) => {
 	return (
 		<div key={props.id} className={css.Project}>
 			<h2>{props.projectName}</h2>
-			<LanguageBadge language={props.primaryLanguage} />
-			<IssueCountBadge
+			<BadgePanel
+				primaryLanguage={props.primaryLanguage}
 				issueCount={props.issueCount}
 				repoLink={props.repoLink}
+				license={props.license}
 			/>
-			<LicenseBadge license={props.license} />
-
 			<p>{props.description}</p>
 			<ProjectTopicsList topics={props.topics} />
 			<ButtonPanel pagesLink={props.pagesLink} repoLink={props.repoLink} />