rzmk/learnhouse
1
0
Fork 0
mirror of https://github.com/rzmk/learnhouse.git synced 2025-12-19 04:19:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: format with prettier

Browse source
This commit is contained in:
swve 2024-02-09 21:22:15 +01:00
parent 03fb09c3d6
commit a147ad6610
164 changed files with 11257 additions and 8154 deletions
Download patch file Download diff file Expand all files Collapse all files

44
apps/web/components/Security/HeaderProfileBox.tsx
View file

@ -1,13 +1,13 @@
'use client';
import React from "react";
import styled from "styled-components";
import Link from "next/link";
import { Settings } from "lucide-react";
import { useSession } from "@components/Contexts/SessionContext";
import UserAvatar from "@components/Objects/UserAvatar";
'use client'
import React from 'react'
import styled from 'styled-components'
import Link from 'next/link'
import { Settings } from 'lucide-react'
import { useSession } from '@components/Contexts/SessionContext'
import UserAvatar from '@components/Objects/UserAvatar'
export const HeaderProfileBox = () => {
const session = useSession() as any;
const session = useSession() as any
return (
<ProfileArea>
@ -15,14 +15,10 @@ export const HeaderProfileBox = () => {
<UnidentifiedArea className="flex text-sm text-gray-700 font-bold p-1.5 px-2 rounded-lg">
<ul className="flex space-x-3 items-center">
<li>
<Link href="/login">
Login
</Link>
<Link href="/login">Login</Link>
</li>
<li className="bg-black rounded-lg shadow-md p-2 px-3 text-white">
<Link href="/signup">
Sign up
</Link>
<Link href="/signup">Sign up</Link>
</li>
</ul>
</UnidentifiedArea>
@ -32,35 +28,35 @@ export const HeaderProfileBox = () => {
<div className="flex items-center space-x-2">
<div className="text-xs">{session.user.username} </div>
<div className="py-4">
<UserAvatar border="border-4" rounded='rounded-lg' width={30} />
<UserAvatar border="border-4" rounded="rounded-lg" width={30} />
</div>
<Link className="text-gray-600" href={"/dash"}><Settings size={14} /></Link>
<Link className="text-gray-600" href={'/dash'}>
<Settings size={14} />
</Link>
</div>
</AccountArea>
)}
</ProfileArea>
);
};
)
}
const AccountArea = styled.div`
display: flex;
place-items: center;
img {
width: 29px;
}
`;
`
const ProfileArea = styled.div`
display: flex;
place-items: stretch;
place-items: center;
`;
`
const UnidentifiedArea = styled.div`
display: flex;
place-items: stretch;
flex-grow: 1;
`;
`