Fix some DOM warnings and add extensions to the Emulator Suite UI. (#931)

Author: christhompsongoogle

extensions/firestore-stripe-payments.env

@@ -0,0 +1,9 @@
+ALLOWED_EVENT_TYPES=com.stripe.v1.product.created
+CREATE_CHECKOUT_SESSION_MIN_INSTANCES=0
+CUSTOMERS_COLLECTION=customers
+DELETE_STRIPE_CUSTOMERS=Do not delete
+EVENTARC_CHANNEL=projects/${param:PROJECT_ID}/locations/us-west1/channels/firebase
+LOCATION=us-west2
+PRODUCTS_COLLECTION=products
+STRIPE_CONFIG_COLLECTION=configuration
+SYNC_USERS_ON_CREATE=Do not sync

extensions/firestore-stripe-payments.secret.local

@@ -0,0 +1,2 @@
+STRIPE_API_KEY=asdf
+STRIPE_WEBHOOK_SECRET=fdsa

extensions/storage-resize-images.env

@@ -0,0 +1,9 @@
+DELETE_ORIGINAL_FILE=false
+DO_BACKFILL=true
+FUNCTION_MEMORY=512
+IMAGE_TYPE=jpeg
+IMG_BUCKET=resize_images_storage_bucket_90210
+IMG_SIZES=200x200
+IS_ANIMATED=true
+LOCATION=us-west2
+MAKE_PUBLIC=true

firebase.json

@@ -29,5 +29,9 @@
     "pubsub": {
       "port": 8085
     }
+  },
+  "extensions": {
+    "storage-resize-images": "firebase/[email protected]",
+    "firestore-stripe-payments": "stripe/[email protected]"
   }
 }

src/components/Extensions/Details/DetailCard/Tabs/EventsConfig.tsx

@@ -134,13 +134,13 @@ export function EventsConfig() {
           Events aren't emitted to production Eventarc in the emulator, and
           there won't be any cost.
         </Callout>
-        <p>
-          <Typography
-            className={styles.description}
-            use="caption"
-            tag="div"
-            theme="secondary"
-          >
+        <Typography
+          className={styles.description}
+          use="caption"
+          tag="div"
+          theme="secondary"
+        >
+          <p>
             If you enable events, you can{' '}
             <a href="https://firebase.google.com/docs/extensions/install-extensions#eventarc">
               write custom event handlers
@@ -151,8 +151,8 @@ export function EventsConfig() {
             <a href={`/extensions/${extension.id}`}>
               How do events in this extension work?
             </a>
-          </Typography>
-        </p>
+          </p>
+        </Typography>
         {channelLocationDiv}
         {allowedEventTypesDiv}
       </div>

src/components/Firestore/Requests/RequestsCard/Table/TableRow.test.tsx

@@ -37,11 +37,13 @@ describe('RequestsTableRow', () => {
     const { getByRole } = render(
       <Router history={history}>
         <table>
-          <RequestsTableRow
-            request={FAKE_EVALUATION}
-            requestId={FAKE_EVALUATION_ID}
-            setShowCopyNotification={SET_SHOW_COPY_NOTIFICATION}
-          />
+          <tbody>
+            <RequestsTableRow
+              request={FAKE_EVALUATION}
+              requestId={FAKE_EVALUATION_ID}
+              setShowCopyNotification={SET_SHOW_COPY_NOTIFICATION}
+            />
+          </tbody>
         </table>
       </Router>
     );