Fix build: syntax errors, duplicate useEffects, import paths

- Fixed broken useEffect syntax in 4 owner pages (bookings, calendar, profits, properties)
- Removed duplicate useEffect blocks
- Fixed ClientLayout import path for AuthService (../ -> ./)

app/owner/bookings/page.js

@@ -33,7 +33,7 @@ import {
   Building
 } from 'lucide-react';
 import toast, { Toaster } from 'react-hot-toast';
-import AuthService from '../../../services/AuthService';
+import AuthService from '../../services/AuthService';
 import Image from 'next/image';
 
 const OwnerBookingCalendar = ({ property, onDateSelect, selectedDates }) => {
@@ -424,21 +424,21 @@ export default function OwnerBookingsPage() {
   const [dateRange, setDateRange] = useState({ start: '', end: '' });
   const [showCalendar, setShowCalendar] = useState(false);
 
-  useEffect(() => {
-    const storedUser = localStorage.getItem('user');
-    // User loaded via AuthService
-      // Handled above
-      if (userData.role !== 'owner') {
-        router.push('/');
-      } else {
-        setUser(userData);
-        loadBookings();
-      }
+    useEffect(() => {
+    const authUser = AuthService.getUser();
+    if (authUser && AuthService.isOwner()) {
+      setUser({
+        name: authUser.name || authUser.email,
+        email: authUser.email,
+        role: 'owner',
+      });
+      loadBookings();
     } else {
       router.push('/auth/choose-role');
     }
   }, [router]);
 
+
   const loadBookings = () => {
     const storedBookings = localStorage.getItem('ownerBookings');
     if (storedBookings) {
@@ -511,30 +511,7 @@ export default function OwnerBookingsPage() {
     setIsLoading(false);
   };
 
-  useEffect(() => {
-    let filtered = [...bookings];
 
-    if (filterStatus !== 'all') {
-      filtered = filtered.filter(b => b.status === filterStatus);
-    }
-
-    if (searchTerm) {
-      filtered = filtered.filter(b => 
-        b.propertyTitle.includes(searchTerm) || 
-        b.tenantName.includes(searchTerm) ||
-        b.id.includes(searchTerm)
-      );
-    }
-
-    if (dateRange.start) {
-      filtered = filtered.filter(b => b.startDate >= dateRange.start);
-    }
-    if (dateRange.end) {
-      filtered = filtered.filter(b => b.endDate <= dateRange.end);
-    }
-
-    setFilteredBookings(filtered);
-  }, [filterStatus, searchTerm, dateRange, bookings]);
 
   const handleViewDetails = (booking) => {
     setSelectedBooking(booking);

app/owner/calendar/page.js

@@ -36,7 +36,7 @@ import {
   Calendar as CalendarIcon
 } from 'lucide-react';
 import toast, { Toaster } from 'react-hot-toast';
-import AuthService from '../../../services/AuthService';
+import AuthService from '../../services/AuthService';
 
 const MonthlyCalendar = ({ properties, selectedPropertyId, onDateClick, onPropertySelect }) => {
   const [currentMonth, setCurrentMonth] = useState(new Date());
@@ -483,21 +483,22 @@ export default function OwnerCalendarPage() {
   const [selectedProperty, setSelectedProperty] = useState(null);
   const [showFilters, setShowFilters] = useState(false);
 
-  useEffect(() => {
-    const storedUser = localStorage.getItem('user');
-    // User loaded via AuthService
-      // Handled above
-      if (userData.role !== 'owner') {
-        router.push('/');
-      } else {
-        setUser(userData);
-        loadProperties();
-      }
+    useEffect(() => {
+    const authUser = AuthService.getUser();
+    if (authUser && AuthService.isOwner()) {
+      setUser({
+        name: authUser.name || authUser.email,
+        email: authUser.email,
+        role: 'owner',
+      });
+      loadCalendar();
     } else {
       router.push('/auth/choose-role');
     }
   }, [router]);
 
+
+
   const loadProperties = () => {
     const storedProperties = localStorage.getItem('ownerProperties');
     if (storedProperties) {

app/owner/profits/page.js

@@ -28,7 +28,7 @@ import {
   XCircle
 } from 'lucide-react';
 import toast, { Toaster } from 'react-hot-toast';
-import AuthService from '../../../services/AuthService';
+import AuthService from '../../services/AuthService';
 
 const StatCard = ({ title, value, change, icon: Icon, color, trend }) => {
   return (
@@ -234,22 +234,23 @@ export default function OwnerProfitsPage() {
   const [isLoading, setIsLoading] = useState(true);
   const [selectedProperty, setSelectedProperty] = useState(null);
   const [dateRange, setDateRange] = useState({ start: '', end: '' });
-  const [selectedPeriod, setSelectedPeriod] = useState('month'); // month, year, all
+  const [selectedPeriod, setSelectedPeriod] = useState('month');
 
-  useEffect(() => {
-    const storedUser = localStorage.getItem('user');
-    // User loaded via AuthService
-      // Handled above
-      if (userData.role !== 'owner') {
-        router.push('/');
-      } else {
-        setUser(userData);
-        loadProfitsData();
-      }
+    useEffect(() => {
+    const authUser = AuthService.getUser();
+    if (authUser && AuthService.isOwner()) {
+      setUser({
+        name: authUser.name || authUser.email,
+        email: authUser.email,
+        role: 'owner',
+      });
+      loadData();
     } else {
       router.push('/auth/choose-role');
     }
-  }, [router]);
+  }, [router]); // month, year, all
+
+
 
   const loadProfitsData = () => {
     const storedProfits = localStorage.getItem('ownerProfits');

app/owner/properties/page.js

@@ -45,7 +45,7 @@ import {
   X
 } from 'lucide-react';
 import toast, { Toaster } from 'react-hot-toast';
-import AuthService from '../../../services/AuthService';
+import AuthService from '../../services/AuthService';
 
 const DeleteConfirmationModal = ({ isOpen, onClose, onConfirm, propertyTitle }) => {
   if (!isOpen) return null;
@@ -693,20 +693,21 @@ export default function OwnerPropertiesPage() {
   const [editModal, setEditModal] = useState({ isOpen: false, property: null });
 
   useEffect(() => {
-    const storedUser = localStorage.getItem('user');
-    // User loaded via AuthService
-      // Handled above
-      if (userData.role !== 'owner') {
-        router.push('/');
-      } else {
-        setUser(userData);
-        loadProperties();
-      }
+    const authUser = AuthService.getUser();
+    if (authUser && AuthService.isOwner()) {
+      setUser({
+        name: authUser.name || authUser.email,
+        email: authUser.email,
+        role: 'owner',
+      });
+      loadProperties();
     } else {
       router.push('/auth/choose-role');
     }
   }, [router]);
 
+
+
   const loadProperties = () => {
     const storedProperties = localStorage.getItem('ownerProperties');
     if (storedProperties) {