significant refactor
This commit is contained in:
@@ -3,20 +3,23 @@ import Avatar from "@/components/avatar";
|
||||
import { Team } from "../../types";
|
||||
|
||||
interface HeaderProps {
|
||||
team: Team;
|
||||
name: string;
|
||||
logo?: string;
|
||||
}
|
||||
|
||||
const Header = ({ team }: HeaderProps) => {
|
||||
const Header = ({ name, logo }: HeaderProps) => {
|
||||
return (
|
||||
<>
|
||||
<Flex px='xl' w='100%' align='self-end' gap='md'>
|
||||
<Avatar radius='sm' name={team.name} size={125} />
|
||||
<Flex align='center' justify='center' gap={4} pb={20} w='100%'>
|
||||
<Title ta='center' order={2}>{team.name}</Title>
|
||||
<Flex px="xl" w="100%" align="self-end" gap="md">
|
||||
<Avatar radius="sm" name={name} size={125} />
|
||||
<Flex align="center" justify="center" gap={4} pb={20} w="100%">
|
||||
<Title ta="center" order={2}>
|
||||
{name}
|
||||
</Title>
|
||||
</Flex>
|
||||
</Flex>
|
||||
</>
|
||||
)
|
||||
);
|
||||
};
|
||||
|
||||
export default Header;
|
||||
export default Header;
|
||||
|
||||
Reference in New Issue
Block a user