From 07e95ad4ab37a45cb4abfa615d3b0fb2b958d340 Mon Sep 17 00:00:00 2001 From: Maxim Wilman Date: Tue, 16 Sep 2025 21:22:42 +0200 Subject: [PATCH 1/4] Update instructions for photo deletion functionality fixed deprecated substr => substring. otherwise it did not work. Also specified which IDE you make changes --- docs/angular/your-first-app/7-live-reload.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/angular/your-first-app/7-live-reload.md b/docs/angular/your-first-app/7-live-reload.md index 26fe3b4fbf0..f946a9b87b6 100644 --- a/docs/angular/your-first-app/7-live-reload.md +++ b/docs/angular/your-first-app/7-live-reload.md @@ -32,7 +32,7 @@ The Live Reload server will start up, and the native IDE of choice will open if ## Deleting Photos -With Live Reload running and the app open on your device, let’s implement photo deletion functionality. Open `tab2.page.html` and add a new click handler to each `` element. When the app user taps on a photo in our gallery, we’ll display an [Action Sheet](https://ionicframework.com/docs/api/action-sheet) dialog with the option to either delete the selected photo or cancel (close) the dialog. +With Live Reload running and the app open on your device, let’s implement photo deletion functionality. In your IDE, NOT Android or IOS IDE, open `tab2.page.html` and add a new click handler to each `` element. When the app user taps on a photo in our gallery, we’ll display an [Action Sheet](https://ionicframework.com/docs/api/action-sheet) dialog with the option to either delete the selected photo or cancel (close) the dialog. ```html @@ -98,7 +98,7 @@ public async deletePicture(photo: UserPhoto, position: number) { // delete photo file from filesystem const filename = photo.filepath - .substr(photo.filepath.lastIndexOf('/') + 1); + .substring(photo.filepath.lastIndexOf('/') + 1); await Filesystem.deleteFile({ path: filename, From ed4835a100f74d1973b04cf094a6121a05715cb2 Mon Sep 17 00:00:00 2001 From: Brandy Smith <6577830+brandyscarney@users.noreply.github.com> Date: Wed, 15 Oct 2025 11:27:40 -0400 Subject: [PATCH 2/4] docs(your-first-app): update all framework guides for photo deletion --- docs/angular/your-first-app/7-live-reload.md | 2 +- docs/react/your-first-app/7-live-reload.md | 4 ++-- docs/vue/your-first-app/7-live-reload.md | 4 ++-- .../version-v5/angular/your-first-app/7-live-reload.md | 4 ++-- .../version-v5/react/your-first-app/7-live-reload.md | 4 ++-- versioned_docs/version-v5/vue/your-first-app/7-live-reload.md | 4 ++-- .../version-v6/angular/your-first-app/7-live-reload.md | 4 ++-- .../version-v6/react/your-first-app/7-live-reload.md | 4 ++-- versioned_docs/version-v6/vue/your-first-app/7-live-reload.md | 4 ++-- .../version-v7/angular/your-first-app/7-live-reload.md | 4 ++-- .../version-v7/react/your-first-app/7-live-reload.md | 4 ++-- versioned_docs/version-v7/vue/your-first-app/7-live-reload.md | 4 ++-- 12 files changed, 23 insertions(+), 23 deletions(-) diff --git a/docs/angular/your-first-app/7-live-reload.md b/docs/angular/your-first-app/7-live-reload.md index f946a9b87b6..e6d0afe17f9 100644 --- a/docs/angular/your-first-app/7-live-reload.md +++ b/docs/angular/your-first-app/7-live-reload.md @@ -32,7 +32,7 @@ The Live Reload server will start up, and the native IDE of choice will open if ## Deleting Photos -With Live Reload running and the app open on your device, let’s implement photo deletion functionality. In your IDE, NOT Android or IOS IDE, open `tab2.page.html` and add a new click handler to each `` element. When the app user taps on a photo in our gallery, we’ll display an [Action Sheet](https://ionicframework.com/docs/api/action-sheet) dialog with the option to either delete the selected photo or cancel (close) the dialog. +With Live Reload running and the app open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `tab2.page.html` and add a new click handler to each `` element. When the app user taps on a photo in our gallery, we’ll display an [Action Sheet](https://ionicframework.com/docs/api/action-sheet) dialog with the option to either delete the selected photo or cancel (close) the dialog. ```html diff --git a/docs/react/your-first-app/7-live-reload.md b/docs/react/your-first-app/7-live-reload.md index 023da7a8844..15d4f643f2f 100644 --- a/docs/react/your-first-app/7-live-reload.md +++ b/docs/react/your-first-app/7-live-reload.md @@ -26,7 +26,7 @@ The Live Reload server will start up, and the native IDE of choice will open if ## Deleting Photos -With Live Reload running and the app is open on your device, let’s implement photo deletion functionality. Open `Tab2.tsx` then import `useState` from React and `UserPhoto` from the `usePhotoGallery` hook: +With Live Reload running and the app open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `Tab2.tsx` then import `useState` from React and `UserPhoto` from the `usePhotoGallery` hook: ```tsx import React, { useState } from 'react'; @@ -94,7 +94,7 @@ const deletePhoto = async (photo: UserPhoto) => { Preferences.set({ key: PHOTO_STORAGE, value: JSON.stringify(newPhotos) }); // delete photo file from filesystem - const filename = photo.filepath.substr(photo.filepath.lastIndexOf('/') + 1); + const filename = photo.filepath.substring(photo.filepath.lastIndexOf('/') + 1); await Filesystem.deleteFile({ path: filename, directory: Directory.Data, diff --git a/docs/vue/your-first-app/7-live-reload.md b/docs/vue/your-first-app/7-live-reload.md index 9c0cb476b80..ea436f94832 100644 --- a/docs/vue/your-first-app/7-live-reload.md +++ b/docs/vue/your-first-app/7-live-reload.md @@ -26,7 +26,7 @@ The Live Reload server will start up, and the native IDE of choice will open if ## Deleting Photos -With Live Reload running and the app is open on your device, let’s implement photo deletion functionality. Open `Tab2Page.vue` then import the `actionSheetController`. We'll display an [IonActionSheet](https://ionicframework.com/docs/api/action-sheet) with the option to delete a photo: +With Live Reload running and the app open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `Tab2Page.vue` then import the `actionSheetController`. We'll display an [IonActionSheet](https://ionicframework.com/docs/api/action-sheet) with the option to delete a photo: ```tsx import { @@ -96,7 +96,7 @@ const deletePhoto = async (photo: UserPhoto) => { photos.value = photos.value.filter((p) => p.filepath !== photo.filepath); // delete photo file from filesystem - const filename = photo.filepath.substr(photo.filepath.lastIndexOf('/') + 1); + const filename = photo.filepath.substring(photo.filepath.lastIndexOf('/') + 1); await Filesystem.deleteFile({ path: filename, directory: Directory.Data, diff --git a/versioned_docs/version-v5/angular/your-first-app/7-live-reload.md b/versioned_docs/version-v5/angular/your-first-app/7-live-reload.md index fdce9ac6848..d914d9cd21a 100644 --- a/versioned_docs/version-v5/angular/your-first-app/7-live-reload.md +++ b/versioned_docs/version-v5/angular/your-first-app/7-live-reload.md @@ -26,7 +26,7 @@ The Live Reload server will start up, and the native IDE of choice will open if ## Deleting Photos -With Live Reload running and the app open on your device, let’s implement photo deletion functionality. Open `tab2.page.html` and add a new click handler to each `` element. When the app user taps on a photo in our gallery, we’ll display an [Action Sheet](https://ionicframework.com/docs/api/action-sheet) dialog with the option to either delete the selected photo or cancel (close) the dialog. +With Live Reload running and the app open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `tab2.page.html` and add a new click handler to each `` element. When the app user taps on a photo in our gallery, we’ll display an [Action Sheet](https://ionicframework.com/docs/api/action-sheet) dialog with the option to either delete the selected photo or cancel (close) the dialog. ```html @@ -92,7 +92,7 @@ public async deletePicture(photo: UserPhoto, position: number) { // delete photo file from filesystem const filename = photo.filepath - .substr(photo.filepath.lastIndexOf('/') + 1); + .substring(photo.filepath.lastIndexOf('/') + 1); await Filesystem.deleteFile({ path: filename, diff --git a/versioned_docs/version-v5/react/your-first-app/7-live-reload.md b/versioned_docs/version-v5/react/your-first-app/7-live-reload.md index c7bc374b712..3eccbc90069 100644 --- a/versioned_docs/version-v5/react/your-first-app/7-live-reload.md +++ b/versioned_docs/version-v5/react/your-first-app/7-live-reload.md @@ -26,7 +26,7 @@ The Live Reload server will start up, and the native IDE of choice will open if ## Deleting Photos -With Live Reload running and the app is open on your device, let’s implement photo deletion functionality. Open `Tab2.tsx` then import `useState` from React and `UserPhoto` from the `usePhotoGallery` hook: +With Live Reload running and the app is open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `Tab2.tsx` then import `useState` from React and `UserPhoto` from the `usePhotoGallery` hook: ```tsx import React, { useState } from 'react'; @@ -94,7 +94,7 @@ const deletePhoto = async (photo: UserPhoto) => { Preferences.set({ key: PHOTO_STORAGE, value: JSON.stringify(newPhotos) }); // delete photo file from filesystem - const filename = photo.filepath.substr(photo.filepath.lastIndexOf('/') + 1); + const filename = photo.filepath.substring(photo.filepath.lastIndexOf('/') + 1); await Filesystem.deleteFile({ path: filename, directory: Directory.Data, diff --git a/versioned_docs/version-v5/vue/your-first-app/7-live-reload.md b/versioned_docs/version-v5/vue/your-first-app/7-live-reload.md index 126f166afca..2c8221ab49c 100644 --- a/versioned_docs/version-v5/vue/your-first-app/7-live-reload.md +++ b/versioned_docs/version-v5/vue/your-first-app/7-live-reload.md @@ -26,7 +26,7 @@ The Live Reload server will start up, and the native IDE of choice will open if ## Deleting Photos -With Live Reload running and the app is open on your device, let’s implement photo deletion functionality. Open `Tab2.vue` then import the `actionSheetController`. We'll display an [IonActionSheet](https://ionicframework.com/docs/api/action-sheet) with the option to delete a photo: +With Live Reload running and the app is open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `Tab2Page.vue` then import the `actionSheetController`. We'll display an [IonActionSheet](https://ionicframework.com/docs/api/action-sheet) with the option to delete a photo: ```tsx import { @@ -111,7 +111,7 @@ const deletePhoto = async (photo: UserPhoto) => { photos.value = photos.value.filter((p) => p.filepath !== photo.filepath); // delete photo file from filesystem - const filename = photo.filepath.substr(photo.filepath.lastIndexOf('/') + 1); + const filename = photo.filepath.substring(photo.filepath.lastIndexOf('/') + 1); await Filesystem.deleteFile({ path: filename, directory: Directory.Data, diff --git a/versioned_docs/version-v6/angular/your-first-app/7-live-reload.md b/versioned_docs/version-v6/angular/your-first-app/7-live-reload.md index 26fe3b4fbf0..e6d0afe17f9 100644 --- a/versioned_docs/version-v6/angular/your-first-app/7-live-reload.md +++ b/versioned_docs/version-v6/angular/your-first-app/7-live-reload.md @@ -32,7 +32,7 @@ The Live Reload server will start up, and the native IDE of choice will open if ## Deleting Photos -With Live Reload running and the app open on your device, let’s implement photo deletion functionality. Open `tab2.page.html` and add a new click handler to each `` element. When the app user taps on a photo in our gallery, we’ll display an [Action Sheet](https://ionicframework.com/docs/api/action-sheet) dialog with the option to either delete the selected photo or cancel (close) the dialog. +With Live Reload running and the app open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `tab2.page.html` and add a new click handler to each `` element. When the app user taps on a photo in our gallery, we’ll display an [Action Sheet](https://ionicframework.com/docs/api/action-sheet) dialog with the option to either delete the selected photo or cancel (close) the dialog. ```html @@ -98,7 +98,7 @@ public async deletePicture(photo: UserPhoto, position: number) { // delete photo file from filesystem const filename = photo.filepath - .substr(photo.filepath.lastIndexOf('/') + 1); + .substring(photo.filepath.lastIndexOf('/') + 1); await Filesystem.deleteFile({ path: filename, diff --git a/versioned_docs/version-v6/react/your-first-app/7-live-reload.md b/versioned_docs/version-v6/react/your-first-app/7-live-reload.md index 2d37c4efdba..42af8d02d08 100644 --- a/versioned_docs/version-v6/react/your-first-app/7-live-reload.md +++ b/versioned_docs/version-v6/react/your-first-app/7-live-reload.md @@ -26,7 +26,7 @@ The Live Reload server will start up, and the native IDE of choice will open if ## Deleting Photos -With Live Reload running and the app is open on your device, let’s implement photo deletion functionality. Open `Tab2.tsx` then import `useState` from React and `UserPhoto` from the `usePhotoGallery` hook: +With Live Reload running and the app is open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `Tab2.tsx` then import `useState` from React and `UserPhoto` from the `usePhotoGallery` hook: ```tsx import React, { useState } from 'react'; @@ -94,7 +94,7 @@ const deletePhoto = async (photo: UserPhoto) => { Preferences.set({ key: PHOTO_STORAGE, value: JSON.stringify(newPhotos) }); // delete photo file from filesystem - const filename = photo.filepath.substr(photo.filepath.lastIndexOf('/') + 1); + const filename = photo.filepath.substring(photo.filepath.lastIndexOf('/') + 1); await Filesystem.deleteFile({ path: filename, directory: Directory.Data, diff --git a/versioned_docs/version-v6/vue/your-first-app/7-live-reload.md b/versioned_docs/version-v6/vue/your-first-app/7-live-reload.md index a76c6e6622e..b58de20ddba 100644 --- a/versioned_docs/version-v6/vue/your-first-app/7-live-reload.md +++ b/versioned_docs/version-v6/vue/your-first-app/7-live-reload.md @@ -26,7 +26,7 @@ The Live Reload server will start up, and the native IDE of choice will open if ## Deleting Photos -With Live Reload running and the app is open on your device, let’s implement photo deletion functionality. Open `Tab2.vue` then import the `actionSheetController`. We'll display an [IonActionSheet](https://ionicframework.com/docs/api/action-sheet) with the option to delete a photo: +With Live Reload running and the app is open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `Tab2Page.vue` then import the `actionSheetController`. We'll display an [IonActionSheet](https://ionicframework.com/docs/api/action-sheet) with the option to delete a photo: ```tsx import { @@ -111,7 +111,7 @@ const deletePhoto = async (photo: UserPhoto) => { photos.value = photos.value.filter((p) => p.filepath !== photo.filepath); // delete photo file from filesystem - const filename = photo.filepath.substr(photo.filepath.lastIndexOf('/') + 1); + const filename = photo.filepath.substring(photo.filepath.lastIndexOf('/') + 1); await Filesystem.deleteFile({ path: filename, directory: Directory.Data, diff --git a/versioned_docs/version-v7/angular/your-first-app/7-live-reload.md b/versioned_docs/version-v7/angular/your-first-app/7-live-reload.md index 26fe3b4fbf0..e6d0afe17f9 100644 --- a/versioned_docs/version-v7/angular/your-first-app/7-live-reload.md +++ b/versioned_docs/version-v7/angular/your-first-app/7-live-reload.md @@ -32,7 +32,7 @@ The Live Reload server will start up, and the native IDE of choice will open if ## Deleting Photos -With Live Reload running and the app open on your device, let’s implement photo deletion functionality. Open `tab2.page.html` and add a new click handler to each `` element. When the app user taps on a photo in our gallery, we’ll display an [Action Sheet](https://ionicframework.com/docs/api/action-sheet) dialog with the option to either delete the selected photo or cancel (close) the dialog. +With Live Reload running and the app open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `tab2.page.html` and add a new click handler to each `` element. When the app user taps on a photo in our gallery, we’ll display an [Action Sheet](https://ionicframework.com/docs/api/action-sheet) dialog with the option to either delete the selected photo or cancel (close) the dialog. ```html @@ -98,7 +98,7 @@ public async deletePicture(photo: UserPhoto, position: number) { // delete photo file from filesystem const filename = photo.filepath - .substr(photo.filepath.lastIndexOf('/') + 1); + .substring(photo.filepath.lastIndexOf('/') + 1); await Filesystem.deleteFile({ path: filename, diff --git a/versioned_docs/version-v7/react/your-first-app/7-live-reload.md b/versioned_docs/version-v7/react/your-first-app/7-live-reload.md index 023da7a8844..b05e5208204 100644 --- a/versioned_docs/version-v7/react/your-first-app/7-live-reload.md +++ b/versioned_docs/version-v7/react/your-first-app/7-live-reload.md @@ -26,7 +26,7 @@ The Live Reload server will start up, and the native IDE of choice will open if ## Deleting Photos -With Live Reload running and the app is open on your device, let’s implement photo deletion functionality. Open `Tab2.tsx` then import `useState` from React and `UserPhoto` from the `usePhotoGallery` hook: +With Live Reload running and the app is open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `Tab2.tsx` then import `useState` from React and `UserPhoto` from the `usePhotoGallery` hook: ```tsx import React, { useState } from 'react'; @@ -94,7 +94,7 @@ const deletePhoto = async (photo: UserPhoto) => { Preferences.set({ key: PHOTO_STORAGE, value: JSON.stringify(newPhotos) }); // delete photo file from filesystem - const filename = photo.filepath.substr(photo.filepath.lastIndexOf('/') + 1); + const filename = photo.filepath.substring(photo.filepath.lastIndexOf('/') + 1); await Filesystem.deleteFile({ path: filename, directory: Directory.Data, diff --git a/versioned_docs/version-v7/vue/your-first-app/7-live-reload.md b/versioned_docs/version-v7/vue/your-first-app/7-live-reload.md index 9c0cb476b80..ace5a76434b 100644 --- a/versioned_docs/version-v7/vue/your-first-app/7-live-reload.md +++ b/versioned_docs/version-v7/vue/your-first-app/7-live-reload.md @@ -26,7 +26,7 @@ The Live Reload server will start up, and the native IDE of choice will open if ## Deleting Photos -With Live Reload running and the app is open on your device, let’s implement photo deletion functionality. Open `Tab2Page.vue` then import the `actionSheetController`. We'll display an [IonActionSheet](https://ionicframework.com/docs/api/action-sheet) with the option to delete a photo: +With Live Reload running and the app is open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `Tab2Page.vue` then import the `actionSheetController`. We'll display an [IonActionSheet](https://ionicframework.com/docs/api/action-sheet) with the option to delete a photo: ```tsx import { @@ -96,7 +96,7 @@ const deletePhoto = async (photo: UserPhoto) => { photos.value = photos.value.filter((p) => p.filepath !== photo.filepath); // delete photo file from filesystem - const filename = photo.filepath.substr(photo.filepath.lastIndexOf('/') + 1); + const filename = photo.filepath.substring(photo.filepath.lastIndexOf('/') + 1); await Filesystem.deleteFile({ path: filename, directory: Directory.Data, From bc424043233b5fe9c4d612766e43ae9d28e0a3fe Mon Sep 17 00:00:00 2001 From: Brandy Smith <6577830+brandyscarney@users.noreply.github.com> Date: Wed, 15 Oct 2025 12:56:14 -0400 Subject: [PATCH 3/4] copy editing --- versioned_docs/version-v5/react/your-first-app/7-live-reload.md | 2 +- versioned_docs/version-v5/vue/your-first-app/7-live-reload.md | 2 +- versioned_docs/version-v6/react/your-first-app/7-live-reload.md | 2 +- versioned_docs/version-v6/vue/your-first-app/7-live-reload.md | 2 +- versioned_docs/version-v7/react/your-first-app/7-live-reload.md | 2 +- versioned_docs/version-v7/vue/your-first-app/7-live-reload.md | 2 +- 6 files changed, 6 insertions(+), 6 deletions(-) diff --git a/versioned_docs/version-v5/react/your-first-app/7-live-reload.md b/versioned_docs/version-v5/react/your-first-app/7-live-reload.md index 3eccbc90069..83cae9425c3 100644 --- a/versioned_docs/version-v5/react/your-first-app/7-live-reload.md +++ b/versioned_docs/version-v5/react/your-first-app/7-live-reload.md @@ -26,7 +26,7 @@ The Live Reload server will start up, and the native IDE of choice will open if ## Deleting Photos -With Live Reload running and the app is open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `Tab2.tsx` then import `useState` from React and `UserPhoto` from the `usePhotoGallery` hook: +With Live Reload running and the app open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `Tab2.tsx` then import `useState` from React and `UserPhoto` from the `usePhotoGallery` hook: ```tsx import React, { useState } from 'react'; diff --git a/versioned_docs/version-v5/vue/your-first-app/7-live-reload.md b/versioned_docs/version-v5/vue/your-first-app/7-live-reload.md index 2c8221ab49c..4a3db50246d 100644 --- a/versioned_docs/version-v5/vue/your-first-app/7-live-reload.md +++ b/versioned_docs/version-v5/vue/your-first-app/7-live-reload.md @@ -26,7 +26,7 @@ The Live Reload server will start up, and the native IDE of choice will open if ## Deleting Photos -With Live Reload running and the app is open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `Tab2Page.vue` then import the `actionSheetController`. We'll display an [IonActionSheet](https://ionicframework.com/docs/api/action-sheet) with the option to delete a photo: +With Live Reload running and the app open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `Tab2Page.vue` then import the `actionSheetController`. We'll display an [IonActionSheet](https://ionicframework.com/docs/api/action-sheet) with the option to delete a photo: ```tsx import { diff --git a/versioned_docs/version-v6/react/your-first-app/7-live-reload.md b/versioned_docs/version-v6/react/your-first-app/7-live-reload.md index 42af8d02d08..992b4ce0eaa 100644 --- a/versioned_docs/version-v6/react/your-first-app/7-live-reload.md +++ b/versioned_docs/version-v6/react/your-first-app/7-live-reload.md @@ -26,7 +26,7 @@ The Live Reload server will start up, and the native IDE of choice will open if ## Deleting Photos -With Live Reload running and the app is open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `Tab2.tsx` then import `useState` from React and `UserPhoto` from the `usePhotoGallery` hook: +With Live Reload running and the app open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `Tab2.tsx` then import `useState` from React and `UserPhoto` from the `usePhotoGallery` hook: ```tsx import React, { useState } from 'react'; diff --git a/versioned_docs/version-v6/vue/your-first-app/7-live-reload.md b/versioned_docs/version-v6/vue/your-first-app/7-live-reload.md index b58de20ddba..73aeaae5237 100644 --- a/versioned_docs/version-v6/vue/your-first-app/7-live-reload.md +++ b/versioned_docs/version-v6/vue/your-first-app/7-live-reload.md @@ -26,7 +26,7 @@ The Live Reload server will start up, and the native IDE of choice will open if ## Deleting Photos -With Live Reload running and the app is open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `Tab2Page.vue` then import the `actionSheetController`. We'll display an [IonActionSheet](https://ionicframework.com/docs/api/action-sheet) with the option to delete a photo: +With Live Reload running and the app open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `Tab2Page.vue` then import the `actionSheetController`. We'll display an [IonActionSheet](https://ionicframework.com/docs/api/action-sheet) with the option to delete a photo: ```tsx import { diff --git a/versioned_docs/version-v7/react/your-first-app/7-live-reload.md b/versioned_docs/version-v7/react/your-first-app/7-live-reload.md index b05e5208204..15d4f643f2f 100644 --- a/versioned_docs/version-v7/react/your-first-app/7-live-reload.md +++ b/versioned_docs/version-v7/react/your-first-app/7-live-reload.md @@ -26,7 +26,7 @@ The Live Reload server will start up, and the native IDE of choice will open if ## Deleting Photos -With Live Reload running and the app is open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `Tab2.tsx` then import `useState` from React and `UserPhoto` from the `usePhotoGallery` hook: +With Live Reload running and the app open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `Tab2.tsx` then import `useState` from React and `UserPhoto` from the `usePhotoGallery` hook: ```tsx import React, { useState } from 'react'; diff --git a/versioned_docs/version-v7/vue/your-first-app/7-live-reload.md b/versioned_docs/version-v7/vue/your-first-app/7-live-reload.md index ace5a76434b..ea436f94832 100644 --- a/versioned_docs/version-v7/vue/your-first-app/7-live-reload.md +++ b/versioned_docs/version-v7/vue/your-first-app/7-live-reload.md @@ -26,7 +26,7 @@ The Live Reload server will start up, and the native IDE of choice will open if ## Deleting Photos -With Live Reload running and the app is open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `Tab2Page.vue` then import the `actionSheetController`. We'll display an [IonActionSheet](https://ionicframework.com/docs/api/action-sheet) with the option to delete a photo: +With Live Reload running and the app open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `Tab2Page.vue` then import the `actionSheetController`. We'll display an [IonActionSheet](https://ionicframework.com/docs/api/action-sheet) with the option to delete a photo: ```tsx import { From a310d6f7013ef5bb88f9cc55627c62e8b33139fe Mon Sep 17 00:00:00 2001 From: Brandy Smith <6577830+brandyscarney@users.noreply.github.com> Date: Wed, 15 Oct 2025 12:59:06 -0400 Subject: [PATCH 4/4] bad find & replace --- versioned_docs/version-v5/vue/your-first-app/7-live-reload.md | 2 +- versioned_docs/version-v6/vue/your-first-app/7-live-reload.md | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/versioned_docs/version-v5/vue/your-first-app/7-live-reload.md b/versioned_docs/version-v5/vue/your-first-app/7-live-reload.md index 4a3db50246d..cbc49e8ef31 100644 --- a/versioned_docs/version-v5/vue/your-first-app/7-live-reload.md +++ b/versioned_docs/version-v5/vue/your-first-app/7-live-reload.md @@ -26,7 +26,7 @@ The Live Reload server will start up, and the native IDE of choice will open if ## Deleting Photos -With Live Reload running and the app open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `Tab2Page.vue` then import the `actionSheetController`. We'll display an [IonActionSheet](https://ionicframework.com/docs/api/action-sheet) with the option to delete a photo: +With Live Reload running and the app open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `Tab2.vue` then import the `actionSheetController`. We'll display an [IonActionSheet](https://ionicframework.com/docs/api/action-sheet) with the option to delete a photo: ```tsx import { diff --git a/versioned_docs/version-v6/vue/your-first-app/7-live-reload.md b/versioned_docs/version-v6/vue/your-first-app/7-live-reload.md index 73aeaae5237..c33610800f9 100644 --- a/versioned_docs/version-v6/vue/your-first-app/7-live-reload.md +++ b/versioned_docs/version-v6/vue/your-first-app/7-live-reload.md @@ -26,7 +26,7 @@ The Live Reload server will start up, and the native IDE of choice will open if ## Deleting Photos -With Live Reload running and the app open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `Tab2Page.vue` then import the `actionSheetController`. We'll display an [IonActionSheet](https://ionicframework.com/docs/api/action-sheet) with the option to delete a photo: +With Live Reload running and the app open on your device, let’s implement photo deletion functionality. In your code editor (not Android Studio or Xcode), open `Tab2.vue` then import the `actionSheetController`. We'll display an [IonActionSheet](https://ionicframework.com/docs/api/action-sheet) with the option to delete a photo: ```tsx import {