LiquidCode/LiquidCode_Frontend
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add contests

Browse Source
This commit is contained in:
Виталий Лавшонок
2025-12-05 23:42:18 +03:00
parent 358c7def78
commit fd34761745
36 changed files with 2518 additions and 710 deletions
Download Patch File Download Diff File Expand all files Collapse all files

88
src/views/home/group/posts/Posts.tsx
View File

@@ -54,47 +54,55 @@ export const Posts: FC<PostsProps> = ({ groupId }) => {
const page0 = pages[0];
return (
<div className="h-full overflow-y-scroll thin-dark-scrollbar">
<div className="h-[40px] mb-[20px] relative">
<SearchInput
className="w-[216px]"
onChange={(v) => {
v;
}}
placeholder="Поиск сообщений"
/>
{isAdmin && (
<div className=" h-[40px] w-[180px] absolute top-0 right-0 flex items-center">
<SecondaryButton
onClick={() => {
setModalCreateActive(true);
}}
text="Создать пост"
/>
</div>
)}
</div>
{status === 'loading' && <div>Загрузка...</div>}
{status === 'failed' && <div>Ошибка загрузки постов</div>}
{status == 'successful' &&
page0?.items &&
page0.items.length > 0 ? (
<div className="flex flex-col gap-[20px]">
{page0.items.map((post, i) => (
<PostItem
{...post}
key={i}
isAdmin={isAdmin}
setModalUpdateActive={setModalUpdateActive}
setUpdatePostId={setUpdatePostId}
/>
))}
<div className="h-full relative">
<div className="grid grid-rows-[40px,1fr,40px] h-full relative min-h-0 gap-[20px]">
<div className="h-[40px] mb-[20px] relative">
<SearchInput
className="w-[216px]"
onChange={(v) => {
v;
}}
placeholder="Поиск сообщений"
/>
{isAdmin && (
<div className=" h-[40px] w-[180px] absolute top-0 right-0 flex items-center">
<SecondaryButton
onClick={() => {
setModalCreateActive(true);
}}
text="Создать пост"
/>
</div>
)}
</div>
) : status === 'successful' ? (
<div>Постов пока нет</div>
) : null}
<>
{status === 'loading' && <div>Загрузка...</div>}
{status === 'failed' && <div>Ошибка загрузки постов</div>}
{status == 'successful' &&
page0?.items &&
page0.items.length > 0 ? (
<div className="min-h-0 overflow-y-scroll thin-dark-scrollbar">
<div className="flex flex-col gap-[20px] min-h-0 h-0 px-[16px]">
{page0.items.map((post, i) => (
<PostItem
{...post}
key={i}
isAdmin={isAdmin}
setModalUpdateActive={
setModalUpdateActive
}
setUpdatePostId={setUpdatePostId}
/>
))}
</div>
</div>
) : status === 'successful' ? (
<div>Постов пока нет</div>
) : null}
</>
</div>
<ModalCreate
active={modalCreateActive}