repair two components

hyuraku · Sep 18, 2023 · 5eb0dea · 5eb0dea
1 parent 754de10
commit 5eb0dea
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 9 deletions.
diff --git a/src/components/RepoCard.tsx b/src/components/RepoCard.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import '../css/RepoCard.css'
 
-interface Props {
+export type RepoCardType = {
   repo: {
     name: string
     html_url: string
@@ -14,15 +14,15 @@ interface Props {
   }
 }
 
-export const RepoCard: React.FC<Props> = (props) => {
+export const RepoCard: React.FC<RepoCardType> = ({repo}) => {
   const {
     name,
     html_url,
     description,
     owner,
     language,
     stargazers_count,
-  } = props.repo
+  } = repo
   return (
     <div className="card">
       <div className="content">

diff --git a/src/components/RepoList.tsx b/src/components/RepoList.tsx
@@ -18,9 +18,10 @@ interface RepoCard {
   stargazers_count: number
 }
 
-export const RepoList: React.FC<Props> = (props) => {
-  const repos = props.repos.map((repo: RepoCard) => {
-    return <RepoCard key={repo.id} repo={repo} />
-  })
-  return <div className="ui container cards">{repos}</div>
-}
+export const RepoList: React.FC<Props> = ({ repos }) => (
+  <div className="ui container cards">
+    {repos.map((repo) => (
+      <RepoCard key={repo.id} repo={repo} />
+    ))}
+  </div>
+)