f68c8ee1c4
Problem: Admins need to reschedule sessions when members can't make it, either before or after the scheduled time. Previously had to edit manually without clear indication of rescheduling vs simple edits. Solution: 1. Add "Reschedule" button (blue Calendar icon) for confirmed sessions: - In desktop table action buttons - In mobile card layout - In passed sessions alert card 2. Enhanced session editing with reschedule mode: - openMeetDialog(session, rescheduleMode = true/false) - Tracks isRescheduling state to show appropriate UI - Dynamic dialog title: "Reschedule Sesi" vs "Edit Sesi" - Dynamic description based on mode 3. Enhanced saveMeetLink function: - Detects date and time changes separately - Updates session_date when date changed - Recalculates duration when time changes - Updates consulting_time_slots for new schedule - Updates calendar event if exists - Shows success message: "Berhasil Reschedule" with new date/time 4. Session info display improvements: - Show current time in session info card - Better context for rescheduling decisions Reschedule use cases: - Member can't make it BEFORE session → Admin clicks Reschedule, picks new slot - Member misses session, tells admin AFTER → Admin clicks Reschedule in passed alert - Emergency reschedule → Quick date/time change with calendar auto-update Calendar integration: - Existing calendar events automatically updated/moved to new time - Time slots properly released (old) and booked (new) UI placement: - Passed sessions alert: First button (blue) for quick reschedule access - Upcoming table: Between Edit and Complete buttons - Mobile: Between Link and Complete buttons 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
Welcome to your Lovable project
Project info
URL: https://lovable.dev/projects/REPLACE_WITH_PROJECT_ID
How can I edit this code?
There are several ways of editing your application.
Use Lovable
Simply visit the Lovable Project and start prompting.
Changes made via Lovable will be committed automatically to this repo.
Use your preferred IDE
If you want to work locally using your own IDE, you can clone this repo and push changes. Pushed changes will also be reflected in Lovable.
The only requirement is having Node.js & npm installed - install with nvm
Follow these steps:
# Step 1: Clone the repository using the project's Git URL.
git clone <YOUR_GIT_URL>
# Step 2: Navigate to the project directory.
cd <YOUR_PROJECT_NAME>
# Step 3: Install the necessary dependencies.
npm i
# Step 4: Start the development server with auto-reloading and an instant preview.
npm run dev
Edit a file directly in GitHub
- Navigate to the desired file(s).
- Click the "Edit" button (pencil icon) at the top right of the file view.
- Make your changes and commit the changes.
Use GitHub Codespaces
- Navigate to the main page of your repository.
- Click on the "Code" button (green button) near the top right.
- Select the "Codespaces" tab.
- Click on "New codespace" to launch a new Codespace environment.
- Edit files directly within the Codespace and commit and push your changes once you're done.
What technologies are used for this project?
This project is built with:
- Vite
- TypeScript
- React
- shadcn-ui
- Tailwind CSS
How can I deploy this project?
Simply open Lovable and click on Share -> Publish.
Can I connect a custom domain to my Lovable project?
Yes, you can!
To connect a domain, navigate to Project > Settings > Domains and click Connect Domain.
Read more here: Setting up a custom domain