frontend/src/components/common/DataTable.vue

@@ -300,12 +300,6 @@
 					@click="$emit('rowClick', slotProps)"
 				/>
 			</template>
-			<template v-if="col.type === 'link'" #body="slotProps">
-				<button class="datatable-link"
-					@click="handleLinkClick(col, slotProps.data)">
-					{{ slotProps.data[col.fieldName] }}
-				</button>
-			</template>
 		</Column>
 
 		<!-- Actions Column -->
@@ -1102,17 +1096,6 @@ const handleStatusButtonClick = (column, rowData) => {
 	}
 };
 
-// Handle link clicks
-const handleLinkClick = (column, rowData) => {
-	try {
-		if (column.onLinkClick && typeof column.onLinkClick === "function") {
-			column.onLinkClick(rowData[column.fieldName], rowData);
-		}
-	} catch (error) {
-		console.error("Error executing link click:", error);
-	}
-};
-
 const getBadgeColor = (status) => {
 	switch (status?.toLowerCase()) {
 		case "paid":
@@ -1651,18 +1634,4 @@ defineExpose({
 	transform: none;
 	box-shadow: none;
 }
-
-/* Link Styles */
-.datatable-link {
-	background: none;
-	border: none;
-	padding: 0;
-	cursor: pointer;
-	outline: none;
-}
-
-.datatable-link:hover {
-	text-decoration: underline;
-}
-
 </style>

frontend/src/components/pages/Clients.vue

@@ -112,11 +112,10 @@ const columns = [
 	{
 		label: "Customer Name",
 		fieldName: "customerName",
-		type: "link",
+		type: "text",
 		sortable: true,
 		filterable: true,
 		filterInputId: "customerSearchInput",
-		onLinkClick: (link, rowData) => handleCustomerClick(link, rowData),
 	},
 	{
 		label: "Type",
@@ -127,11 +126,10 @@ const columns = [
 	{
 		label: "Property",
 		fieldName: "address",
-		type: "link",
+		type: "text",
 		sortable: true,
 		filterable: true,
 		filterInputId: "propertySearchInput",
-		onLinkClick: (link, rowData) => handlePropertyClick(link, rowData),
 	},
 	//{
 	//	label: "Create Estimate",
@@ -299,20 +297,6 @@ const handleAppointmentClick = (status, rowData) => {
 	}
 };
 
-const handleCustomerClick = (link, rowData) => {
-	console.log("DEBUG: Customer Link Clicked.");
-	const client = encodeURIComponent(rowData.customerName);
-	const address = encodeURIComponent(rowData.address);
-	router.push(`/client?client=${client}&address=${address}`);
-}
-
-const handlePropertyClick = (link, rowData) => {
-	console.log("DEBUG: Property Link Clicked.");
-	const client = encodeURIComponent(rowData.customerName);
-	const address = encodeURIComponent(rowData.address);
-	router.push(`/client?client=${client}&address=${address}`);
-}
-
 const handleEstimateClick = (status, rowData) => {
 	const address = encodeURIComponent(rowData.address);
 	router.push(`/estimate?new=true&address=${address}`);