Prettified Code!

socialincome-san · Dec 11, 2024 · c73866b · c73866b
1 parent 8727a3c
commit c73866b
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 14 deletions.
diff --git a/website/src/app/[lang]/[region]/(website)/(home)/(sections)/active-fundraisers.tsx b/website/src/app/[lang]/[region]/(website)/(home)/(sections)/active-fundraisers.tsx
@@ -1,10 +1,10 @@
 import { DefaultParams } from '@/app/[lang]/[region]';
 import { Translator } from '@socialincome/shared/src/utils/i18n';
 import { BaseContainer, Typography } from '@socialincome/ui';
+import { ChevronRight } from 'lucide-react';
 import Image from 'next/image';
-import ismatuImage from '../(assets)/avatar-ismatu.png';
 import Link from 'next/link';
-import { ChevronRight } from 'lucide-react';
+import ismatuImage from '../(assets)/avatar-ismatu.png';
 
 export async function ActiveFundraisers({ lang }: DefaultParams) {
 	const translator = await Translator.getInstance({
@@ -19,7 +19,7 @@ export async function ActiveFundraisers({ lang }: DefaultParams) {
 				className="border-text-popover-foreground-muted hover:bg-primary group relative mt-4 flex w-[260px] items-center rounded-full border-2 px-6 py-2 transition-all duration-300 hover:w-[300px] hover:text-white"
 			>
 				{/* Avatar */}
-				<div className="mr-2 -ml-2 h-10 w-10 overflow-hidden rounded-full transition-transform duration-300 group-hover:scale-125">
+				<div className="-ml-2 mr-2 h-10 w-10 overflow-hidden rounded-full transition-transform duration-300 group-hover:scale-125">
 					<Image alt="Avatar" src={ismatuImage} width={40} height={40} className="object-cover" />
 				</div>
 
@@ -54,17 +54,10 @@ export async function ActiveFundraisers({ lang }: DefaultParams) {
 			</Link>
 			<Link
 				href={`/${lang}/fundraisers`}
-				className="border-text-popover-foreground-muted relative mt-4 flex items-center rounded-full border-2 px-6 py-2 text-primary transition-all duration-300"
+				className="border-text-popover-foreground-muted text-primary relative mt-4 flex items-center rounded-full border-2 px-6 py-2 transition-all duration-300"
 			>
 				{/* Loading Dots Animation */}
-				<svg
-					width="48"
-					height="12"
-					viewBox="0 0 48 12"
-					fill="none"
-					xmlns="http://www.w3.org/2000/svg"
-					className="pr-2"
-				>
+				<svg width="48" height="12" viewBox="0 0 48 12" fill="none" xmlns="http://www.w3.org/2000/svg" className="pr-2">
 					<circle cx="6" cy="6" r="6" fill="currentColor">
 						<animate
 							attributeName="opacity"
@@ -107,4 +100,4 @@ export async function ActiveFundraisers({ lang }: DefaultParams) {
 			</Link>
 		</BaseContainer>
 	);
-}
+}
diff --git a/website/src/app/[lang]/[region]/(website)/(home)/page.tsx b/website/src/app/[lang]/[region]/(website)/(home)/page.tsx
@@ -4,12 +4,12 @@ import { FAQ } from '@/app/[lang]/[region]/(website)/(home)/(sections)/faq';
 import { Quotes } from '@/app/[lang]/[region]/(website)/(home)/(sections)/quotes';
 import { SDGGoals } from '@/app/[lang]/[region]/(website)/(home)/(sections)/sdg-goals';
 import { Testimonials } from '@/app/[lang]/[region]/(website)/(home)/(sections)/testimonials';
+import { ActiveFundraisers } from './(sections)/active-fundraisers';
 import { ExplainerVideo } from './(sections)/explainer-video';
 import { HeroVideo } from './(sections)/hero-video';
 import { MobileIllustration } from './(sections)/mobile-illustration';
 import { MonthlyIncome } from './(sections)/monthly-income';
 import { Overview } from './(sections)/overview';
-import { ActiveFundraisers } from './(sections)/active-fundraisers';
 
 export default async function Page({ params: { lang, region } }: DefaultPageProps) {
 	return (