From 9b310db0bbe252523ec3c7b5d0e22883dba6e37f Mon Sep 17 00:00:00 2001
From: Jordan Van Ness <jordvn@amazon.com>
Date: Fri, 6 Sep 2024 12:18:46 -0700
Subject: [PATCH] fix: update FileUploader docs to use FileUploader in examples
 (#5762)

* fix: updating FileUploader docs to use FileUploader in examples

* Update docs/src/pages/[platform]/theming/icons/IconSwitcher.tsx

Co-authored-by: Scott Rees <6165315+reesscot@users.noreply.github.com>

---------

Co-authored-by: Scott Rees <6165315+reesscot@users.noreply.github.com>
---
 .../storage/fileuploader/examples/ComponentOverrides.tsx      | 4 ++--
 .../storage/fileuploader/examples/Default.tsx                 | 4 ++--
 .../storage/fileuploader/examples/DisplayText.tsx             | 4 ++--
 .../storage/fileuploader/examples/Event.tsx                   | 4 ++--
 .../storage/fileuploader/examples/FileTypes.tsx               | 4 ++--
 .../storage/fileuploader/examples/Handle.tsx                  | 4 ++--
 .../storage/fileuploader/examples/Hash.tsx                    | 4 ++--
 .../storage/fileuploader/examples/Metadata.tsx                | 4 ++--
 .../storage/fileuploader/examples/PathProp.tsx                | 4 ++--
 .../storage/fileuploader/examples/Resumable.tsx               | 4 ++--
 .../storage/fileuploader/examples/Theme.tsx                   | 4 ++--
 .../storage/fileuploader/examples/UploadActions.tsx           | 4 ++--
 .../storage/fileuploader/examples/i18n.tsx                    | 4 ++--
 docs/src/pages/[platform]/theming/icons/IconSwitcher.tsx      | 4 ++--
 14 files changed, 28 insertions(+), 28 deletions(-)

diff --git a/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/ComponentOverrides.tsx b/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/ComponentOverrides.tsx
index 673aab47708..599462580e7 100644
--- a/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/ComponentOverrides.tsx
+++ b/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/ComponentOverrides.tsx
@@ -9,11 +9,11 @@ import {
   Loader,
   Icon,
 } from '@aws-amplify/ui-react';
-import { StorageManager } from '@aws-amplify/ui-react-storage';
+import { FileUploader } from '@aws-amplify/ui-react-storage';
 
 export const App = () => {
   return (
-    <StorageManager
+    <FileUploader
       acceptedFileTypes={['image/*']}
       path="public/"
       maxFileCount={100}
diff --git a/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/Default.tsx b/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/Default.tsx
index aed5b2ecf6d..ffcbac63ace 100644
--- a/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/Default.tsx
+++ b/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/Default.tsx
@@ -1,8 +1,8 @@
-import { StorageManager } from '@aws-amplify/ui-react-storage';
+import { FileUploader } from '@aws-amplify/ui-react-storage';
 
 export const App = () => {
   return (
-    <StorageManager
+    <FileUploader
       acceptedFileTypes={['image/*']}
       path="public/"
       maxFileCount={1}
diff --git a/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/DisplayText.tsx b/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/DisplayText.tsx
index 2b7cddc90cb..fb806998f09 100644
--- a/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/DisplayText.tsx
+++ b/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/DisplayText.tsx
@@ -1,8 +1,8 @@
-import { StorageManager } from '@aws-amplify/ui-react-storage';
+import { FileUploader } from '@aws-amplify/ui-react-storage';
 
 export const App = () => {
   return (
-    <StorageManager
+    <FileUploader
       acceptedFileTypes={['image/*']}
       path="public/"
       maxFileCount={1}
diff --git a/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/Event.tsx b/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/Event.tsx
index 73c00fb05ef..6017fba23f3 100644
--- a/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/Event.tsx
+++ b/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/Event.tsx
@@ -1,12 +1,12 @@
 import * as React from 'react';
-import { StorageManager } from '@aws-amplify/ui-react-storage';
+import { FileUploader } from '@aws-amplify/ui-react-storage';
 
 export const App = () => {
   const [files, setFiles] = React.useState({});
 
   return (
     <>
-      <StorageManager
+      <FileUploader
         acceptedFileTypes={['image/*']}
         // private uploads will fail intentionally in docs // IGNORE
         path={({ identityId }) => `private/${identityId}/`}
diff --git a/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/FileTypes.tsx b/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/FileTypes.tsx
index 3f1b8e8c085..48b9dfa863c 100644
--- a/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/FileTypes.tsx
+++ b/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/FileTypes.tsx
@@ -1,8 +1,8 @@
-import { StorageManager } from '@aws-amplify/ui-react-storage';
+import { FileUploader } from '@aws-amplify/ui-react-storage';
 
 export const App = () => {
   return (
-    <StorageManager
+    <FileUploader
       acceptedFileTypes={[
         // you can list file extensions:
         '.gif',
diff --git a/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/Handle.tsx b/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/Handle.tsx
index b3a2c4f05bd..e9d991f556f 100644
--- a/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/Handle.tsx
+++ b/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/Handle.tsx
@@ -1,13 +1,13 @@
 import * as React from 'react';
 import { Button } from '@aws-amplify/ui-react';
-import { StorageManager } from '@aws-amplify/ui-react-storage';
+import { FileUploader } from '@aws-amplify/ui-react-storage';
 
 export const App = () => {
   const ref = React.useRef(null);
 
   return (
     <>
-      <StorageManager
+      <FileUploader
         acceptedFileTypes={['image/*']}
         path="public/"
         maxFileCount={3}
diff --git a/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/Hash.tsx b/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/Hash.tsx
index 2d0af3d2d31..4500e57c289 100644
--- a/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/Hash.tsx
+++ b/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/Hash.tsx
@@ -1,4 +1,4 @@
-import { StorageManager } from '@aws-amplify/ui-react-storage';
+import { FileUploader } from '@aws-amplify/ui-react-storage';
 
 const processFile = async ({ file }) => {
   const fileExtension = file.name.split('.').pop();
@@ -17,7 +17,7 @@ const processFile = async ({ file }) => {
 
 export const App = () => {
   return (
-    <StorageManager
+    <FileUploader
       acceptedFileTypes={['image/*']}
       path="public/"
       maxFileCount={1}
diff --git a/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/Metadata.tsx b/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/Metadata.tsx
index 5b8c5d67189..b39ce3c0f32 100644
--- a/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/Metadata.tsx
+++ b/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/Metadata.tsx
@@ -1,4 +1,4 @@
-import { StorageManager } from '@aws-amplify/ui-react-storage';
+import { FileUploader } from '@aws-amplify/ui-react-storage';
 
 const processFile = ({ file, key }) => {
   return {
@@ -12,7 +12,7 @@ const processFile = ({ file, key }) => {
 
 export function App() {
   return (
-    <StorageManager
+    <FileUploader
       acceptedFileTypes={['image/*']}
       path="public/"
       maxFileCount={3}
diff --git a/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/PathProp.tsx b/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/PathProp.tsx
index f4acd18de92..8817fe5a131 100644
--- a/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/PathProp.tsx
+++ b/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/PathProp.tsx
@@ -1,8 +1,8 @@
-import { StorageManager } from '@aws-amplify/ui-react-storage';
+import { FileUploader } from '@aws-amplify/ui-react-storage';
 
 export const App = () => {
   return (
-    <StorageManager
+    <FileUploader
       path="public/images/"
       acceptedFileTypes={['image/*']}
       maxFileCount={1}
diff --git a/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/Resumable.tsx b/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/Resumable.tsx
index 70dc9868ba3..c20e3f665f5 100644
--- a/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/Resumable.tsx
+++ b/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/Resumable.tsx
@@ -1,8 +1,8 @@
-import { StorageManager } from '@aws-amplify/ui-react-storage';
+import { FileUploader } from '@aws-amplify/ui-react-storage';
 
 export const App = () => {
   return (
-    <StorageManager
+    <FileUploader
       acceptedFileTypes={['image/*', '.zip', '.mp4']}
       path="public/"
       maxFileCount={10}
diff --git a/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/Theme.tsx b/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/Theme.tsx
index ba8d55299dd..bf39b3c55fd 100644
--- a/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/Theme.tsx
+++ b/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/Theme.tsx
@@ -1,5 +1,5 @@
 import { ThemeProvider } from '@aws-amplify/ui-react';
-import { StorageManager } from '@aws-amplify/ui-react-storage';
+import { FileUploader } from '@aws-amplify/ui-react-storage';
 
 const theme = {
   name: 'my-theme',
@@ -20,7 +20,7 @@ const theme = {
 export const App = () => {
   return (
     <ThemeProvider theme={theme}>
-      <StorageManager
+      <FileUploader
         acceptedFileTypes={['image/*']}
         path="public/"
         maxFileCount={5}
diff --git a/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/UploadActions.tsx b/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/UploadActions.tsx
index f8fdc9af4c1..ea0f2b92ee6 100644
--- a/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/UploadActions.tsx
+++ b/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/UploadActions.tsx
@@ -1,8 +1,8 @@
-import { StorageManager } from '@aws-amplify/ui-react-storage';
+import { FileUploader } from '@aws-amplify/ui-react-storage';
 
 export const App = () => {
   return (
-    <StorageManager
+    <FileUploader
       acceptedFileTypes={['image/*']}
       path="public/"
       autoUpload={false}
diff --git a/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/i18n.tsx b/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/i18n.tsx
index 462ac5b64c7..c81893b097f 100644
--- a/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/i18n.tsx
+++ b/docs/src/pages/[platform]/connected-components/storage/fileuploader/examples/i18n.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { ToggleButtonGroup, ToggleButton } from '@aws-amplify/ui-react';
-import { StorageManager } from '@aws-amplify/ui-react-storage';
+import { FileUploader } from '@aws-amplify/ui-react-storage';
 
 const dictionary = {
   // use default strings for english
@@ -58,7 +58,7 @@ export const App = () => {
         <ToggleButton value="en">En</ToggleButton>
         <ToggleButton value="es">Es</ToggleButton>
       </ToggleButtonGroup>
-      <StorageManager
+      <FileUploader
         acceptedFileTypes={['image/*']}
         path="public/"
         maxFileCount={1}
diff --git a/docs/src/pages/[platform]/theming/icons/IconSwitcher.tsx b/docs/src/pages/[platform]/theming/icons/IconSwitcher.tsx
index bb2fff0f58c..8bf28962f59 100644
--- a/docs/src/pages/[platform]/theming/icons/IconSwitcher.tsx
+++ b/docs/src/pages/[platform]/theming/icons/IconSwitcher.tsx
@@ -42,7 +42,7 @@ import {
   HiStar,
   HiUpload,
 } from 'react-icons/hi';
-import { StorageManager } from '@aws-amplify/ui-react-storage';
+import { FileUploader } from '@aws-amplify/ui-react-storage';
 import {
   FcExpand,
   FcHighPriority,
@@ -195,7 +195,7 @@ export default function IconProviderExample() {
             <Rating value={3.5} />
           </Flex>
         </Flex>
-        <StorageManager accessLevel="guest" maxFileCount={5} />
+        <FileUploader path="public/" maxFileCount={5} />
       </Flex>
     </IconsProvider>
   );