Add a + in the image grid for testing

duckduckgo · Dec 13, 2024 · 5e60ef1 · 5e60ef1
1 parent 6e33e46
commit 5e60ef1
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/special-pages/pages/new-tab/app/customizer/components/ImageSelection.js b/special-pages/pages/new-tab/app/customizer/components/ImageSelection.js
@@ -54,7 +54,7 @@ export function ImageSelection({ data, select, back, onUpload, deleteImage }) {
                 My Backgrounds
             </button>
             <div className={styles.sectionBody} onClick={onClick}>
-                <ImageGrid data={data} deleteImage={deleteImage} />
+                <ImageGrid data={data} deleteImage={deleteImage} onUpload={onUpload} />
             </div>
         </div>
     );
@@ -64,8 +64,9 @@ export function ImageSelection({ data, select, back, onUpload, deleteImage }) {
  * @param {object} props
  * @param {import("@preact/signals").Signal<CustomizerData>} props.data
  * @param {(id: string) => void} props.deleteImage
+ * @param {() => void} props.onUpload
  */
-function ImageGrid({ data, deleteImage }) {
+function ImageGrid({ data, deleteImage, onUpload }) {
     const selected = useComputed(() => data.value.background.kind === 'userImage' && data.value.background.value.id);
     const entries = useComputed(() => {
         return data.value.userImages;
@@ -92,6 +93,11 @@ function ImageGrid({ data, deleteImage }) {
                     </li>
                 );
             })}
+            <li className={styles.bgListItem}>
+                <button type="button" onClick={onUpload}>
+                    Add image
+                </button>
+            </li>
         </ul>
     );
 }