Skip to content

Conversation

Copy link
Contributor

Copilot AI commented Jan 6, 2026

  • Understand the codebase and existing image upload flow
  • Modify CreateSpeakerForm.vue to add URL input for image upload
  • Modify CreateCompanyForm.vue to add URL input for image upload
  • Modify SpeakerInfoForm.vue to add URL input for image upload (edit form)
  • Modify CompanyInfoForm.vue to add URL input for image upload (edit form)
  • Create reusable ImageUpload component to reduce code duplication
  • Create useImageUpload composable for shared logic
  • Lint and build the frontend to verify changes
  • Run code review and address feedback
  • Run codeql_checker - no security vulnerabilities found

Summary

This PR allows users to add photos from a URL instead of having to download and upload from their computer. A tabbed interface with "Upload File" and "From URL" options has been added to the image upload sections of speaker and company forms (both create and edit).

Features

  • Users can switch between file upload and URL input modes
  • URL validation before fetching
  • Content-type validation to ensure URL points to an image
  • File size validation (10MB limit)
  • Image preview for both file and URL modes
  • Loading indicator while fetching image from URL
  • Error handling with user-friendly messages

Code Structure

  • ImageUpload.vue - Reusable component for image upload with file/URL tabs
  • useImageUpload.ts - Composable for shared image upload logic
  • Form components now use the shared ImageUpload component to avoid code duplication
Original prompt

This section details on the original issue you should resolve

<issue_title>Add Photos from Link</issue_title>
<issue_description>When creating speakers or companies instead of having to download the speaker's photo or company's logo just allow users to copy the image's address and upload it that way. e.g. https://sinfo.org/_next/image?url=%2Fimages%2Fevent%2Fabout-us.jpg&w=1200&q=75</issue_description>

<agent_instructions>not a file from the computer a online found image link/url</agent_instructions>

Comments on the Issue (you are @copilot in this section)


💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.

Co-authored-by: Francisca105 <65908870+Francisca105@users.noreply.github.com>
Copilot AI changed the title [WIP] Add ability to upload photos from URL Add image upload from URL for speakers and companies Jan 6, 2026
Copilot AI requested a review from Francisca105 January 6, 2026 17:54
@Francisca105 Francisca105 marked this pull request as ready for review January 6, 2026 18:24
Copy link
Member

@Francisca105 Francisca105 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It would be interesting to add a component to not duplicate code

Copilot AI and others added 2 commits January 6, 2026 18:39
Co-authored-by: Francisca105 <65908870+Francisca105@users.noreply.github.com>
Co-authored-by: Francisca105 <65908870+Francisca105@users.noreply.github.com>
Copy link
Contributor Author

Copilot AI commented Jan 6, 2026

It would be interesting to add a component to not duplicate code

Created ImageUpload.vue component and useImageUpload.ts composable to eliminate code duplication. All four forms now use the shared component (fea7b43).

Copy link
Member

@Francisca105 Francisca105 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM!

@Francisca105 Francisca105 merged commit d34ed37 into master Jan 6, 2026
1 check passed
@Francisca105 Francisca105 deleted the copilot/add-photo-upload-from-link branch January 6, 2026 18:58
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add Photos from Link

2 participants