diff --git a/src/components/common/footer/footer.module.scss b/src/components/common/footer/footer.module.scss
index fedfc46..b1f213b 100644
--- a/src/components/common/footer/footer.module.scss
+++ b/src/components/common/footer/footer.module.scss
@@ -215,6 +215,15 @@
padding: 0;
list-style-type: none;
+ span {
+ text-transform: none;
+ line-height: 1;
+ letter-spacing: tovw(-0.5px, 'default', -0.5px);
+ font-family: var(--font-tt-hoves);
+ font-size: tovw(16px, 'default', 14px);
+ font-weight: 500;
+ }
+
> li {
@include respond-to('mobile') {
margin-bottom: tovw(14px, 'default', 14px);
diff --git a/src/components/common/footer/index.tsx b/src/components/common/footer/index.tsx
index 5ac9473..82d1182 100644
--- a/src/components/common/footer/index.tsx
+++ b/src/components/common/footer/index.tsx
@@ -207,9 +207,12 @@ export const Footer = ({ data }: Props) => {
{data.developerLinks.map((link) => {
return (
-
- {link.title}
-
+ {link.href && (
+
+ {link.title}
+
+ )}
+ {!link.href && {link.title}}
)
})}
@@ -218,9 +221,12 @@ export const Footer = ({ data }: Props) => {
{data.productsLinks.map((link) => {
return (
-
- {link.title}
-
+ {link.href && (
+
+ {link.title}
+
+ )}
+ {!link.href && {link.title}}
)
})}
@@ -229,9 +235,12 @@ export const Footer = ({ data }: Props) => {
{data.aboutLinks.map((link) => {
return (
-
- {link.title}
-
+ {link.href && (
+
+ {link.title}
+
+ )}
+ {!link.href && {link.title}}
)
})}
@@ -246,17 +255,19 @@ export const Footer = ({ data }: Props) => {
{data?.connectLinks.map((link, index) => {
return (
-
- {link.title}
- {link?.title === 'Twitter' && }
- {link?.title === 'Discord' && }
- {link?.title === 'Discourse' && }
- {link?.title === 'Instagram' && }
- {link?.title === 'Facebook' && }
- {link?.title === 'Telegram' && }
- {link?.title === 'Linkedin' && }
- {link?.title === 'Reddit' && }
-
+ {link.href && (
+
+ {link.title}
+ {link?.title === 'Twitter' && }
+ {link?.title === 'Discord' && }
+ {link?.title === 'Discourse' && }
+ {link?.title === 'Instagram' && }
+ {link?.title === 'Facebook' && }
+ {link?.title === 'Telegram' && }
+ {link?.title === 'Linkedin' && }
+ {link?.title === 'Reddit' && }
+
+ )}
)
})}
@@ -271,17 +282,19 @@ export const Footer = ({ data }: Props) => {
{data?.connectLinks.map((link, index) => {
return (
-
- {link.title}
- {link?.title === 'Twitter' && }
- {link?.title === 'Discord' && }
- {link?.title === 'Discourse' && }
- {link?.title === 'Instagram' && }
- {link?.title === 'Facebook' && }
- {link?.title === 'Telegram' && }
- {link?.title === 'Linkedin' && }
- {link?.title === 'Reddit' && }
-
+ {link.href && (
+
+ {link.title}
+ {link?.title === 'Twitter' && }
+ {link?.title === 'Discord' && }
+ {link?.title === 'Discourse' && }
+ {link?.title === 'Instagram' && }
+ {link?.title === 'Facebook' && }
+ {link?.title === 'Telegram' && }
+ {link?.title === 'Linkedin' && }
+ {link?.title === 'Reddit' && }
+
+ )}
)
})}