connor/calendar
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Update external calendar modal help to include Google Calendar

Browse Source 
Added Google Calendar setup instructions alongside existing Outlook 365 instructions.
Updated modal title to "Setting up External Calendars" and reorganized help text
to show both supported platforms with specific step-by-step instructions.

Google Calendar: hover over calendar → three dots → Settings and sharing →
Integrate calendar → Public address in iCal format

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Connor Johnstone
2025-09-03 22:33:27 -04:00
parent 64c737c023
commit 45e16313ba
1 changed files with 24 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
frontend/src/components/external_calendar_modal.rs
View File

@@ -125,11 +125,14 @@ pub fn external_calendar_modal(props: &ExternalCalendarModalProps) -> Html {
} }
<div class="form-help" style="margin-bottom: 1.5rem; padding: 1rem; background: #f8f9fa; border-radius: 8px; border-left: 4px solid #007bff;"> <div class="form-help" style="margin-bottom: 1.5rem; padding: 1rem; background: #f8f9fa; border-radius: 8px; border-left: 4px solid #007bff;">
<h4 style="margin: 0 0 0.5rem 0; font-size: 0.9rem; color: #495057;">{"Setting up Outlook 365 Calendar"}</h4> <h4 style="margin: 0 0 0.5rem 0; font-size: 0.9rem; color: #495057;">{"Setting up External Calendars"}</h4>
<p style="margin: 0 0 0.5rem 0; font-size: 0.8rem; line-height: 1.4;"> <p style="margin: 0 0 0.5rem 0; font-size: 0.8rem; line-height: 1.4;">
{"Currently tested with Outlook 365 calendars. To get your calendar link:"} {"Currently tested with Outlook 365 and Google Calendar. To get your calendar link:"}
</p> </p>
<ol style="margin: 0; padding-left: 1.2rem; font-size: 0.8rem; line-height: 1.4;">
<div style="margin-bottom: 1rem;">
<strong style="font-size: 0.8rem; color: #495057;">{"Outlook 365:"}</strong>
<ol style="margin: 0.3rem 0 0 0; padding-left: 1.2rem; font-size: 0.8rem; line-height: 1.3;">
<li>{"Go to Outlook Settings"}</li> <li>{"Go to Outlook Settings"}</li>
<li>{"Navigate to Calendar → Shared Calendars"}</li> <li>{"Navigate to Calendar → Shared Calendars"}</li>
<li>{"Click \"Publish a calendar\""}</li> <li>{"Click \"Publish a calendar\""}</li>
@@ -138,6 +141,18 @@ pub fn external_calendar_modal(props: &ExternalCalendarModalProps) -> Html {
</ol> </ol>
</div> </div>
<div>
<strong style="font-size: 0.8rem; color: #495057;">{"Google Calendar:"}</strong>
<ol style="margin: 0.3rem 0 0 0; padding-left: 1.2rem; font-size: 0.8rem; line-height: 1.3;">
<li>{"Hover over your calendar name in the left sidebar"}</li>
<li>{"Click the three dots that appear"}</li>
<li>{"Select \"Settings and sharing\""}</li>
<li>{"Scroll to \"Integrate calendar\""}</li>
<li>{"Copy the \"Public address in iCal format\" link"}</li>
</ol>
</div>
</div>
<div class="form-group"> <div class="form-group">
<label for="external-calendar-name">{"Calendar Name"}</label> <label for="external-calendar-name">{"Calendar Name"}</label>
<input <input