Logoya Url prop eklendi

This commit is contained in:
Sedat Öztürk 2026-02-13 22:55:08 +03:00
parent e4ea0171fa
commit 8a65a6cd82
5 changed files with 18 additions and 7 deletions

View file

@ -5,6 +5,7 @@ import type { CommonProps } from '@/proxy/common'
import type { ReactNode, ReactElement } from 'react' import type { ReactNode, ReactElement } from 'react'
import { Avatar } from '@/components/ui' import { Avatar } from '@/components/ui'
import { useLocalization } from '@/utils/hooks/useLocalization' import { useLocalization } from '@/utils/hooks/useLocalization'
import { ROUTES_ENUM } from '@/routes/route.constant'
interface CoverProps extends CommonProps { interface CoverProps extends CommonProps {
content?: ReactNode content?: ReactNode
@ -25,7 +26,7 @@ const Cover = ({ children, content, ...rest }: CoverProps) => {
<div className="absolute inset-0 bg-black bg-opacity-50 z-0"></div> <div className="absolute inset-0 bg-black bg-opacity-50 z-0"></div>
<div className="relative z-10 flex flex-col h-full justify-between"> <div className="relative z-10 flex flex-col h-full justify-between">
<Logo mode="dark" /> <Logo mode="dark" url={ROUTES_ENUM.authenticated.login} />
<div> <div>
<div className="mb-6 flex items-center gap-4"> <div className="mb-6 flex items-center gap-4">
<Avatar className="border-2 border-white" shape="circle" src="/img/others/cto.png" /> <Avatar className="border-2 border-white" shape="circle" src="/img/others/cto.png" />

View file

@ -4,6 +4,7 @@ import Logo from '@/components/template/Logo'
import { APP_NAME } from '@/constants/app.constant' import { APP_NAME } from '@/constants/app.constant'
import type { CommonProps } from '@/proxy/common' import type { CommonProps } from '@/proxy/common'
import { useLocalization } from '@/utils/hooks/useLocalization' import { useLocalization } from '@/utils/hooks/useLocalization'
import { ROUTES_ENUM } from '@/routes/route.constant'
interface SideProps extends CommonProps { interface SideProps extends CommonProps {
content?: React.ReactNode content?: React.ReactNode
@ -22,7 +23,7 @@ const Side = ({ children, content, ...rest }: SideProps) => {
> >
<div className="absolute inset-0 bg-black bg-opacity-50 z-0"></div> <div className="absolute inset-0 bg-black bg-opacity-50 z-0"></div>
<div className="relative z-10 flex flex-col h-full justify-between"> <div className="relative z-10 flex flex-col h-full justify-between">
<Logo className="drop-shadow-md" /> <Logo className="drop-shadow-md" url={ROUTES_ENUM.authenticated.login} />
<div> <div>
<div className="mb-6 flex items-center gap-4"> <div className="mb-6 flex items-center gap-4">
<Avatar className="border-2 border-white" shape="circle" src="/img/others/cto.png" /> <Avatar className="border-2 border-white" shape="circle" src="/img/others/cto.png" />

View file

@ -131,7 +131,7 @@ const Simple = ({ children, content, ...rest }: SimpleProps) => {
</div> </div>
<div className="text-center"> <div className="text-center">
<Logo type="streamline" imgClass="mx-auto" /> <Logo type="streamline" imgClass="mx-auto" url={ROUTES_ENUM.authenticated.login} />
</div> </div>
<div className="text-center"> <div className="text-center">

View file

@ -10,12 +10,21 @@ interface LogoProps extends CommonProps {
mode?: Mode mode?: Mode
imgClass?: string imgClass?: string
logoWidth?: number | string logoWidth?: number | string
url?: string
} }
const LOGO_SRC_PATH = '/img/logo/' const LOGO_SRC_PATH = '/img/logo/'
const Logo = (props: LogoProps) => { const Logo = (props: LogoProps) => {
const { type = 'full', mode = 'light', className, imgClass, style, logoWidth = 'auto' } = props const {
type = 'full',
mode = 'light',
className,
imgClass,
style,
logoWidth = 'auto',
url = ROUTES_ENUM.protected.dashboard,
} = props
return ( return (
<div <div
@ -25,7 +34,7 @@ const Logo = (props: LogoProps) => {
...{ width: logoWidth }, ...{ width: logoWidth },
}} }}
> >
<Link to={ROUTES_ENUM.protected.dashboard}> <Link to={url}>
<img <img
className={imgClass} className={imgClass}
src={`${LOGO_SRC_PATH}logo-${mode}-${type}.png`} src={`${LOGO_SRC_PATH}logo-${mode}-${type}.png`}