Add Google Photos to example (#259)

Co-authored-by: Antoine du Hamel <antoine@transloadit.com>
Co-authored-by: Antoine du Hamel <duhamelantoine1995@gmail.com>

package.json

@@ -64,6 +64,7 @@
 		"@uppy/dropbox": "latest",
 		"@uppy/golden-retriever": "latest",
 		"@uppy/google-drive": "latest",
+		"@uppy/google-photos": "latest",
 		"@uppy/image-editor": "latest",
 		"@uppy/instagram": "latest",
 		"@uppy/locales": "latest",

src/pages/examples.module.css

@@ -28,10 +28,6 @@
 	accent-color: #f37;
 }
 
-.main input[type='checkbox']:not(:checked) + label {
-	color: gray;
-}
-
 .main input[type='checkbox']:not(:checked, :disabled):hover + label {
 	color: black;
 }

src/pages/examples.tsx

@@ -8,6 +8,7 @@ import Dashboard from '@uppy/react/lib/Dashboard';
 import UppyCore from '@uppy/core';
 import Webcam from '@uppy/webcam';
 import GoogleDrive from '@uppy/google-drive';
+import GooglePhotos from '@uppy/google-photos';
 import Instagram from '@uppy/instagram';
 import Dropbox from '@uppy/dropbox';
 import OneDrive from '@uppy/onedrive';
@@ -61,6 +62,7 @@ const initialState: State = {
 	plugins: [
 		'Webcam',
 		'GoogleDrive',
+		'GooglePhotos',
 		'Dropbox',
 		'Url',
 		'OneDrive',
@@ -105,6 +107,11 @@ const options = [
 				value: 'GoogleDrive',
 				type: 'plugins',
 			},
+			{
+				label: 'Google Photos',
+				value: 'GooglePhotos',
+				type: 'plugins',
+			},
 			{
 				label: 'Dropbox',
 				value: 'Dropbox',
@@ -221,6 +228,11 @@ const Uppy = ({ state, locale }) => {
 				},
 			});
 		}
+		if (state.plugins.includes('GooglePhotos')) {
+			uppy.use(GooglePhotos, {
+				companionUrl,
+			});
+		}
 		if (state.plugins.includes('Dropbox')) {
 			uppy.use(Dropbox, { companionUrl });
 		}

yarn.lock

@@ -3745,7 +3745,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@uppy/google-photos@npm:^0.2.0":
+"@uppy/google-photos@npm:^0.2.0, @uppy/google-photos@npm:latest":
   version: 0.2.0
   resolution: "@uppy/google-photos@npm:0.2.0"
   dependencies:
@@ -16086,6 +16086,7 @@ __metadata:
     "@uppy/dropbox": "npm:latest"
     "@uppy/golden-retriever": "npm:latest"
     "@uppy/google-drive": "npm:latest"
+    "@uppy/google-photos": "npm:latest"
     "@uppy/image-editor": "npm:latest"
     "@uppy/instagram": "npm:latest"
     "@uppy/locales": "npm:latest"