my contests

src/views/home/account/contests/ContestsBlock.tsx

@@ -1,20 +1,22 @@
 import { useState, FC } from 'react';
 import { cn } from '../../../../lib/cn';
 import { ChevroneDown } from '../../../../assets/icons/groups';
-import ContestItem from './ContestItem';
+import MyContestItem from './MyContestItem';
+import RegisterContestItem from './RegisterContestItem';
 import { Contest } from '../../../../redux/slices/contests';
 
 interface ContestsBlockProps {
     contests: Contest[];
     title: string;
     className?: string;
-    type?: string;
+    type?: 'my' | 'reg';
 }
 
 const ContestsBlock: FC<ContestsBlockProps> = ({
     contests,
     title,
     className,
+    type = 'my',
 }) => {
     const [active, setActive] = useState<boolean>(title != 'Скрытые');
 
@@ -51,21 +53,37 @@ const ContestsBlock: FC<ContestsBlockProps> = ({
             >
                 <div className="overflow-hidden">
                     <div className="pb-[10px] pt-[20px]">
-                        {contests.map((v, i) => (
-                            <ContestItem
-                                key={i}
-                                id={v.id}
-                                name={v.name}
-                                startAt={v.startsAt}
-                                statusRegister={'reg'}
-                                duration={
-                                    new Date(v.endsAt).getTime() -
-                                    new Date(v.startsAt).getTime()
-                                }
-                                members={v.members.length}
-                                type={i % 2 ? 'second' : 'first'}
-                            />
-                        ))}
+                        {contests.map((v, i) => {
+                            return type == 'my' ? (
+                                <MyContestItem
+                                    key={i}
+                                    id={v.id}
+                                    name={v.name}
+                                    startAt={v.startsAt}
+                                    statusRegister={'reg'}
+                                    duration={
+                                        new Date(v.endsAt).getTime() -
+                                        new Date(v.startsAt).getTime()
+                                    }
+                                    members={v.members.length}
+                                    type={i % 2 ? 'second' : 'first'}
+                                />
+                            ) : (
+                                <RegisterContestItem
+                                    key={i}
+                                    id={v.id}
+                                    name={v.name}
+                                    startAt={v.startsAt}
+                                    statusRegister={'reg'}
+                                    duration={
+                                        new Date(v.endsAt).getTime() -
+                                        new Date(v.startsAt).getTime()
+                                    }
+                                    members={v.members.length}
+                                    type={i % 2 ? 'second' : 'first'}
+                                />
+                            );
+                        })}
                     </div>
                 </div>
             </div>