diff --git a/components/icons.tsx b/components/icons.tsx index c9f820e..3c8edad 100644 --- a/components/icons.tsx +++ b/components/icons.tsx @@ -1,5 +1,5 @@ -import * as React from "react"; -import { IconSvgProps } from "@/types"; +import * as React from 'react' +import { IconSvgProps } from '@/types' export const Logo: React.FC = ({ size = 36, @@ -8,20 +8,19 @@ export const Logo: React.FC = ({ ...props }) => ( + {...props}> -); +) export const DiscordIcon: React.FC = ({ size = 24, @@ -32,17 +31,16 @@ export const DiscordIcon: React.FC = ({ return ( + {...props}> - ); -}; + ) +} export const TwitterIcon: React.FC = ({ size = 24, @@ -53,17 +51,16 @@ export const TwitterIcon: React.FC = ({ return ( + {...props}> - ); -}; + ) +} export const GithubIcon: React.FC = ({ size = 24, @@ -74,19 +71,18 @@ export const GithubIcon: React.FC = ({ return ( + {...props}> - ); -}; + ) +} export const MoonFilledIcon = ({ size = 24, @@ -95,20 +91,19 @@ export const MoonFilledIcon = ({ ...props }: IconSvgProps) => ( -); +) export const SunFilledIcon = ({ size = 24, @@ -117,20 +112,19 @@ export const SunFilledIcon = ({ ...props }: IconSvgProps) => ( -); +) export const HeartFilledIcon = ({ size = 24, @@ -139,76 +133,100 @@ export const HeartFilledIcon = ({ ...props }: IconSvgProps) => ( -); +) export const SearchIcon = (props: IconSvgProps) => ( -); +) export const NextUILogo: React.FC = (props) => { - const { width, height = 40 } = props; + const { width, height = 40 } = props - return ( - - - - - - ); -}; + return ( + + + + + + ) +} + +export const ChevronDown: React.FC = ({ + fill, + size, + height, + width, + ...props +}) => { + return ( + + + + ) +}