reya/lume
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added create channel page and refactor layout

Browse Source
This commit is contained in:
Ren Amamiya
2023-04-22 09:26:18 +07:00
parent 628cd3ff82
commit ab635c0460
9 changed files with 102 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/components/channels/channelList.tsx
View File

@@ -1,8 +1,9 @@
import { ChannelListItem } from '@components/channels/channelListItem';
import { CreateChannelModal } from '@components/channels/createChannelModal';
import { DEFAULT_CHANNELS } from '@stores/constants';
import { Plus } from 'iconoir-react';
import Link from 'next/link';
import { useState } from 'react';
export default function ChannelList() {
@@ -10,23 +11,21 @@ export default function ChannelList() {
return (
<div className="flex flex-col gap-px">
{/*
<Link
href="/explore/channels"
className="group inline-flex items-center gap-2 rounded-md px-2.5 py-1.5 hover:bg-zinc-900"
>
<div className="inline-flex h-5 w-5 shrink items-center justify-center rounded bg-zinc-900 group-hover:bg-zinc-800">
<Globe width={12} height={12} className="text-zinc-500" />
</div>
<div>
<h5 className="text-sm font-medium text-zinc-500 group-hover:text-zinc-400">Browse channels</h5>
</div>
</Link>
*/}
{list.map((item) => (
<ChannelListItem key={item.event_id} data={item} />
))}
<CreateChannelModal />
<Link
prefetch={false}
href="/nostr/create-channel"
className="group inline-flex items-center gap-2 rounded-md px-2.5 py-1.5 hover:bg-zinc-900"
>
<div className="inline-flex h-5 w-5 shrink items-center justify-center rounded bg-zinc-900 group-hover:bg-zinc-800">
<Plus width={12} height={12} className="text-zinc-500" />
</div>
<div>
<h5 className="text-sm font-medium text-zinc-500 group-hover:text-zinc-400">Add a new channel</h5>
</div>
</Link>
</div>
);
}

2
src/components/multiAccounts/index.tsx
View File

@@ -40,7 +40,7 @@ export default function MultiAccounts() {
<div className="flex flex-col gap-4">
<Link
prefetch={false}
href="/explore"
href="/nostr/newsfeed/following"
className="group relative flex h-11 w-11 shrink cursor-pointer items-center justify-center rounded-lg bg-zinc-900 hover:bg-zinc-800"
>
<LumeSymbol className="h-6 w-auto text-zinc-400 group-hover:text-zinc-200" />