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

migrated icons to radix-icons

Browse Source
This commit is contained in:
Ren Amamiya
2023-02-24 09:16:38 +07:00
parent c45ad04d87
commit f6d687cec9
36 changed files with 47 additions and 406 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/accountBar/index.tsx
View File

@@ -3,10 +3,10 @@ import { Account } from '@components/accountBar/account';
import { currentUser } from '@stores/currentUser';
import LumeIcon from '@assets/icons/Lume';
import MiniPlusIcon from '@assets/icons/MiniPlus';
import LumeSymbol from '@assets/icons/Lume';
import { useStore } from '@nanostores/react';
import { PlusIcon } from '@radix-ui/react-icons';
import Link from 'next/link';
import { useCallback, useEffect, useState } from 'react';
import Database from 'tauri-plugin-sql-api';
@@ -28,18 +28,18 @@ export default function AccountBar() {
return (
<div className="flex h-full flex-col items-center justify-between px-2 pt-12 pb-4">
<div className="flex flex-col gap-3">
<div className="flex flex-col gap-4">
{users.map((user, index) => (
<Account key={index} user={user} current={$currentUser.pubkey} />
))}
<Link
href="/onboarding"
className="group relative flex h-11 w-11 shrink cursor-pointer items-center justify-center overflow-hidden rounded-full border-2 border-dashed border-zinc-600 hover:border-zinc-400">
<MiniPlusIcon className="h-6 w-6 text-zinc-400 group-hover:text-zinc-200" />
<PlusIcon className="h-4 w-4 text-zinc-400 group-hover:text-zinc-200" />
</Link>
</div>
<div className="flex flex-col gap-4">
<LumeIcon className="h-8 w-auto text-zinc-700" />
<LumeSymbol className="h-8 w-auto text-zinc-700" />
</div>
</div>
);