summaryrefslogtreecommitdiff
path: root/src/core/components/elements
diff options
context:
space:
mode:
Diffstat (limited to 'src/core/components/elements')
-rw-r--r--src/core/components/elements/Badge/Badge.jsx29
-rw-r--r--src/core/components/elements/Link/Link.jsx2
-rw-r--r--src/core/components/elements/Navbar/NavbarDesktop.jsx6
-rw-r--r--src/core/components/elements/Navbar/Search.jsx2
4 files changed, 5 insertions, 34 deletions
diff --git a/src/core/components/elements/Badge/Badge.jsx b/src/core/components/elements/Badge/Badge.jsx
deleted file mode 100644
index e50cdc78..00000000
--- a/src/core/components/elements/Badge/Badge.jsx
+++ /dev/null
@@ -1,29 +0,0 @@
-const Badge = ({ children, type, ...props }) => {
- return (
- <div
- {...props}
- className={`${badgeStyle(type)} ${props?.className}`}
- >
- {children}
- </div>
- )
-}
-
-Badge.defaultProps = {
- className: ''
-}
-
-const badgeStyle = (type) => {
- let className = ['rounded px-1 text-[11px]']
- switch (type) {
- case 'solid-red':
- className.push('bg-red_r-11 text-white')
- break
- case 'light':
- className.push('bg-gray_r-4 text-gray_r-11')
- break
- }
- return className.join(' ')
-}
-
-export default Badge
diff --git a/src/core/components/elements/Link/Link.jsx b/src/core/components/elements/Link/Link.jsx
index 05859639..360444a6 100644
--- a/src/core/components/elements/Link/Link.jsx
+++ b/src/core/components/elements/Link/Link.jsx
@@ -13,7 +13,7 @@ const Link = ({ children, ...props }) => {
<NextLink
{...props}
scroll={false}
- className={`block font-medium text-red_r-11 ${props?.className || ''}`}
+ className={`block font-medium text-danger-500 ${props?.className || ''}`}
>
{children}
</NextLink>
diff --git a/src/core/components/elements/Navbar/NavbarDesktop.jsx b/src/core/components/elements/Navbar/NavbarDesktop.jsx
index c01cb777..0bc9e967 100644
--- a/src/core/components/elements/Navbar/NavbarDesktop.jsx
+++ b/src/core/components/elements/Navbar/NavbarDesktop.jsx
@@ -22,7 +22,7 @@ const NavbarDesktop = () => {
return (
<DesktopView>
- <div className='py-3 bg-yellow_r-10/80' id='desktop-nav-top'>
+ <div className='py-3 bg-warning-400' id='desktop-nav-top'>
<div className='container mx-auto flex justify-between'>
<Link href='/' className='!text-gray_r-12'>
Tentang Indoteknik.com
@@ -129,13 +129,13 @@ const NavbarDesktop = () => {
<>
<Link
href='/login'
- className='flex-1 flex justify-center items-center bg-red_r-11 !text-gray_r-1 rounded-none'
+ className='flex-1 flex justify-center items-center bg-danger-500 !text-gray_r-1 rounded-none'
>
Masuk
</Link>
<Link
href='/register'
- className='flex-1 flex justify-center items-center bg-red_r-11 !text-gray_r-1 rounded-none rounded-tr-xl'
+ className='flex-1 flex justify-center items-center bg-danger-500 !text-gray_r-1 rounded-none rounded-tr-xl'
>
Daftar
</Link>
diff --git a/src/core/components/elements/Navbar/Search.jsx b/src/core/components/elements/Navbar/Search.jsx
index 32a8d170..d0627b24 100644
--- a/src/core/components/elements/Navbar/Search.jsx
+++ b/src/core/components/elements/Navbar/Search.jsx
@@ -73,7 +73,7 @@ const Search = () => {
<Link
href={`/shop/search?q=${suggestion.term}`}
key={index}
- className='px-3 py-3 !text-gray_r-12 font-normal hover:bg-yellow_r-4'
+ className='px-3 py-3 !text-gray_r-12 font-normal'
>
{suggestion.term}
</Link>