Move info to component

src/components/AboutMeEntry.tsx

@@ -4,6 +4,7 @@ type Props = {
     title: string
     url: string
     description: string
+    icon: string
 }
 
 export const AboutMeEntry: FunctionComponent<Props> = (props: Props) => {
@@ -12,7 +13,7 @@ export const AboutMeEntry: FunctionComponent<Props> = (props: Props) => {
             <a href={props.url}>
                 <div
                     className="feature-icon d-inline-flex align-items-center justify-content-center text-bg-primary bg-gradient fs-2 mb-3">
-                    <i className="bi bi-github"></i>
+                    <i className={props.icon}></i>
                 </div>
             </a>
             <div className="feature col align-items-center justify-content-center">

src/components/Github.tsx

@@ -7,5 +7,6 @@ export const Github: FunctionComponent<any> = () => {
         url="https://github.com/pgrondek"
         title="Github"
         description="My main public git repository"
+        icon="bi bi-github"
     />
 }