DHBW-WE/MeetUp
5
0
Fork 0
Code Issues 7 Pull requests 8 Projects 1 Releases 5 Packages 1 Wiki Activity Actions

feat: light mode user icon

Browse source
This commit is contained in:
micha 2025-06-20 12:32:25 +02:00
parent 83b4b4476a
commit 73004dc2d8
4 changed files with 15 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/components/custom-ui/participant-list-entry.tsx
View file

@ -1,6 +1,8 @@
import React from 'react';
import Image from 'next/image';
import { defaultusericon } from '@/assets/usericon/default/defaultusericon-export';
import { user_default_dark } from '@/assets/usericon/default/defaultusericon-export';
import { user_default_light } from '@/assets/usericon/default/defaultusericon-export';
import { useTheme } from 'next-themes';
type ParticipantListEntryProps = {
participant: string;
@ -10,9 +12,13 @@ type ParticipantListEntryProps = {
export default function ParticipantListEntry({
participant,
}: ParticipantListEntryProps) {
const { resolvedTheme } = useTheme();
const iconSrc =
resolvedTheme === 'dark' ? user_default_dark : user_default_light;
return (
<div className='flex items-center gap-2 py-1 ml-5'>
<Image src={defaultusericon} alt='Avatar' width={30} height={30} />
<Image src={iconSrc} alt='Avatar' width={30} height={30} />
<span>{participant}</span>
</div>
);