remplace hardcodelink in footer componnent (#2946)

* remplace hardcodelink in footer componnent * fix Cspell error * Update .env * Update .env.sample * Update footer.tsx * Update footer.tsx --------- Co-authored-by: Ruslan Konviser <[email protected]>
ever-co · Aug 23, 2024 · a131416 · a131416
1 parent b3c0138
commit a131416
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 7 deletions.
diff --git a/apps/web/.env b/apps/web/.env
@@ -88,6 +88,13 @@ APP_NAME="Ever Teams"
 APP_SIGNATURE="Ever Teams"
 APP_LOGO_URL="https://app.ever.team/assets/ever-teams.png"
 
+
+#Footer links
+NEXT_PUBLIC_EVER_TEAMS_LINK="https://ever.team"
+NEXT_PUBLIC_EVER_PLATFORM_LINK="https://ever.co"
+NEXT_PUBLIC_EVER_LEGAL_TERM="https://demo.gauzy.co/#/pages/legal/terms"
+NEXT_PUBLIC_EVER_LEGAL_PRIVACY="https://demo.gauzy.co/#/pages/legal/privacy"
+
 # Cookies
 NEXT_PUBLIC_COOKIE_DOMAINS=ever.team
 

diff --git a/apps/web/.env.sample b/apps/web/.env.sample
@@ -50,6 +50,12 @@ APP_NAME='Ever Teams'
 APP_SIGNATURE='Ever Teams'
 APP_LOGO_URL='https://app.ever.team/assets/ever-teams.png'
 
+#Footer links
+NEXT_PUBLIC_EVER_TEAMS_LINK="https://ever.team"
+NEXT_PUBLIC_EVER_PLATFORM_LINK="https://ever.co"
+NEXT_PUBLIC_EVER_LEGAL_TERM="https://demo.gauzy.co/#/pages/legal/terms"
+NEXT_PUBLIC_EVER_LEGAL_PRIVACY="https://demo.gauzy.co/#/pages/legal/privacy"
+
 # Cookies
 NEXT_PUBLIC_COOKIE_DOMAINS=ever.team
 

diff --git a/apps/web/components/layout/footer/footer.tsx b/apps/web/components/layout/footer/footer.tsx
@@ -9,7 +9,7 @@ const Footer = () => {
 				<div className="flex items-center justify-between space-x-1 sm:justify-start sm:space-x-2">
 					<span className="px-1">{t('layout.footer.COPY_RIGHT1', { date: new Date().getFullYear() })}</span>
 					<a
-						href="https://gauzy.team"
+						href={process.env.NEXT_PUBLIC_EVER_TEAMS_LINK || 'https://ever.team'}
 						target="_blank"
 						className="text-primary dark:text-gray-300"
 						rel="noreferrer"
@@ -18,7 +18,7 @@ const Footer = () => {
 					</a>
 					<div>by</div>
 					<a
-						href="https://ever.co"
+						href={process.env.NEXT_PUBLIC_EVER_PLATFORM_LINK || 'https://ever.co'}
 						target="_blank"
 						className="text-primary dark:text-gray-300"
 						rel="noreferrer"
@@ -38,15 +38,15 @@ const Footer = () => {
 			<div className="flex flex-col items-center xs:flex-row sm:flex-col md:flex-row">
 				<div className="flex justify-center w-full space-x-4 text-center">
 					<a
-						href="https://demo.gauzy.co/#/pages/legal/terms"
+						href={process.env.NEXT_PUBLIC_EVER_LEGAL_TERM}
 						target="_blank"
 						className="text-primary dark:text-gray-300"
 						rel="noreferrer"
 					>
 						{t('layout.footer.TERMS')}
 					</a>
 					<a
-						href="https://demo.gauzy.co/#/pages/legal/privacy"
+						href={process.env.NEXT_PUBLIC_EVER_LEGAL_PRIVACY}
 						target="_blank"
 						className="text-primary dark:text-gray-300"
 						rel="noreferrer"

diff --git a/apps/web/lib/layout/footer.tsx b/apps/web/lib/layout/footer.tsx
@@ -24,12 +24,17 @@ export function Footer({ className }: IClassName) {
 		<footer className={clsxm('flex flex-col xs:flex-row justify-around items-center w-full py-6 px-3', className)}>
 			<p className="text-neutral text-xs font-normal leading-4 -tracking-[-0.02em] text-center md:mb-2 mb-7">
 				{t('layout.footer.COPY_RIGHT1', { date: new Date().getFullYear() })}{' '}
-				<Text.Link href="https://ever.team">{t('TITLE')}</Text.Link> {t('layout.footer.BY')}{' '}
-				<Text.Link href="https://ever.co/">{t('layout.footer.COPY_RIGHT4')}</Text.Link>{' '}
+				<Text.Link href={process.env.NEXT_PUBLIC_EVER_TEAMS_LINK || 'https://ever.team'}>
+					{t('TITLE')}
+				</Text.Link>{' '}
+				{t('layout.footer.BY')}{' '}
+				<Text.Link href={process.env.NEXT_PUBLIC_EVER_PLATFORM_LINK || 'https://ever.co'}>
+					{t('layout.footer.COPY_RIGHT4')}
+				</Text.Link>{' '}
 				{t('layout.footer.RIGHTS_RESERVED')}
 			</p>
 			<div className="flex" style={{ marginRight: fullWidth && showChatwoot ? '66px' : 0 }}>
-        <LanguageDropDownWithFlags />
+				<LanguageDropDownWithFlags />
 				<ThemeToggler />
 			</div>
 		</footer>