Revert "Merge pull request accesslayerorg#20 from joelpeace48-cell/feat/issues-13-16"

This reverts commit 7b0ece9, reversing
changes made to f70bd7f.

Author: “Ayo-Skiller“

src/components/common/CreatorCard.tsx

@@ -2,9 +2,8 @@ import { useAccount } from 'wagmi';
 import { Button } from '@/components/ui/button';
 import type { Course } from '@/services/course.service';
 import { cn } from '@/lib/utils';
-import { ShoppingCart, Wallet, Link as LinkIcon } from 'lucide-react';
+import { ShoppingCart, Wallet } from 'lucide-react';
 import toast from 'react-hot-toast';
-import showToast from '@/utils/toast.util';
 
 interface CreatorCardProps {
 	creator: Course;
@@ -23,14 +22,10 @@ const CreatorCard: React.FC<CreatorCardProps> = ({ creator, className }) => {
 			return;
 		}
 
-		showToast.loading(`Purchasing keys for ${creator.title}...`);
+		toast.success(`Purchasing keys for ${creator.title}...`, {
+			duration: 3000,
+		});
 		// Implementation for contract interaction would go here
-		setTimeout(() => {
-			showToast.transactionSuccess(
-				'Purchase Successful!',
-				`You successfully bought a key for ${creator.title}`
-			);
-		}, 1500);
 	};
 
 	return (
@@ -56,17 +51,6 @@ const CreatorCard: React.FC<CreatorCardProps> = ({ creator, className }) => {
 				<p className="font-jakarta text-sm text-white/50">
 					@{creator.instructorId || 'creator'}
 				</p>
-				{creator.socialHandle ? (
-					<div className="mt-2 flex items-center gap-1.5 text-xs text-white/60">
-						<LinkIcon className="size-3 text-amber-500/70" />
-						<span className="truncate">@{creator.socialHandle}</span>
-					</div>
-				) : (
-					<div className="mt-2 flex items-center gap-1.5 text-xs text-white/30 italic">
-						<LinkIcon className="size-3 opacity-50" />
-						<span>No public handle</span>
-					</div>
-				)}
 			</div>
 
 			<div className="flex items-center justify-between gap-4">

src/services/course.service.ts

@@ -10,7 +10,6 @@ export interface Course {
 	thumbnail?: string;
 	category: string;
 	level: 'BEGINNER' | 'INTERMEDIATE' | 'ADVANCED';
-	socialHandle?: string;
 }
 
 export interface GetCoursesParams {

src/utils/toast.util.ts

@@ -0,0 +1,22 @@
+import toast from "react-hot-toast";
+
+const showToast = {
+	message: (message: string) => {
+		toast.remove();
+		toast(message);
+	},
+	success: (message: string) => {
+		toast.remove();
+		toast.success(message);
+	},
+	error: (message: string) => {
+		toast.remove();
+		toast.error(message);
+	},
+	loading: (message: string) => {
+		toast.remove();
+		toast.loading(message);
+	},
+};
+
+export default showToast;