Moving MemberCardProps and MembersListProps into types/index.ts

Maakaf · Mar 20, 2024 · 79cc65d · 79cc65d
1 parent 344281b
commit 79cc65d
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 31 deletions.
diff --git a/components/Members/MemberCard/MemberCard.tsx b/components/Members/MemberCard/MemberCard.tsx
@@ -1,15 +1,7 @@
 import React from 'react';
 import { MemberCardInfo } from './MemberCardInfo';
 import { MemberCardSocialButtons } from './MemberCardSocialButtons';
-
-interface MemberCardProps {
-  imgUrl: string;
-  name: string;
-  shortDescription: string;
-  longDescription: string;
-  joinDate: string;
-  isAdmin: boolean;
-}
+import { MemberCardProps } from '../../../types';
 
 export const MemberCard = ({
   imgUrl,

diff --git a/components/Members/MemberCard/MemberCardInfo.tsx b/components/Members/MemberCard/MemberCardInfo.tsx
@@ -1,14 +1,6 @@
 import React, { SVGProps } from 'react';
 import ImageWithFallback from '@/components/utils/ImageWithFallback';
-
-interface MemberCardInfoProps {
-  imgUrl: string;
-  name: string;
-  shortDescription: string;
-  longDescription: string;
-  joinDate: string;
-  isAdmin: boolean;
-}
+import { MemberCardProps } from '../../../types';
 
 function Crown(props: SVGProps<SVGSVGElement>) {
   return (
@@ -34,7 +26,7 @@ export const MemberCardInfo = ({
   longDescription,
   joinDate,
   isAdmin,
-}: MemberCardInfoProps) => {
+}: MemberCardProps) => {
   return (
     <div className="flex flex-col rounded-md p-[10px] pr-6 w-full">
       <div className="flex gap-6">

diff --git a/components/Members/MembersLIst/MembersList.tsx b/components/Members/MembersLIst/MembersList.tsx
@@ -1,17 +1,6 @@
 import React from 'react';
 import { MemberCard } from '../MemberCard/MemberCard';
-
-interface MembersListProps {
-  members: Array<{
-    id: number;
-    imgUrl: string;
-    name: string;
-    shortDescription: string;
-    longDescription: string;
-    joinDate: string;
-    isAdmin: boolean;
-  }>;
-}
+import { MembersListProps } from '../../../types';
 
 export const MembersList: React.FC<MembersListProps> = ({ members }) => {
   return (

diff --git a/types/index.ts b/types/index.ts
@@ -56,3 +56,24 @@ export interface CachedProjects {
   items: IRepositoriesAPIResponse;
   cacheTimestamp: string;
 }
+
+export interface MembersListProps {
+  members: Array<{
+    id: number;
+    imgUrl: string;
+    name: string;
+    shortDescription: string;
+    longDescription: string;
+    joinDate: string;
+    isAdmin: boolean;
+  }>;
+}
+
+export interface MemberCardProps {
+  imgUrl: string;
+  name: string;
+  shortDescription: string;
+  longDescription: string;
+  joinDate: string;
+  isAdmin: boolean;
+}