Merge branch 'main' of github.com:seatgeek/backstage-plugins into zh-s3

package.json

@@ -64,6 +64,10 @@
             {
               "type": "docs",
               "release": "patch"
+            },
+            {
+              "type": "style",
+              "release": "patch"
             }
           ]
         }

plugins/awards/src/components/AwardEditComponent/AwardEditComponent.tsx

@@ -30,16 +30,16 @@ import Autocomplete from '@mui/material/Autocomplete';
 import Stack from '@mui/material/Stack';
 import { Award } from '@seatgeek/backstage-plugin-awards-common';
 import { isEmpty } from 'lodash';
-import React, { useState } from 'react';
+import React, { useMemo, useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 import useAsync from 'react-use/lib/useAsync';
 import { awardsApiRef } from '../../api';
 import { editRouteRef } from '../../routes';
 
 const emptyAward: Award = {
   uid: '',
-  name: 'Award Name',
-  description: 'Award description',
+  name: '',
+  description: '',
   image: '',
   owners: [],
   recipients: [],
@@ -87,6 +87,9 @@ export const AwardEditCard = ({ award = emptyAward }: AwardEditCardProps) => {
         };
       }),
   );
+  const hasRequiredFields = useMemo(() => {
+    return awardName !== '' && awardDescription !== '' && awardImage !== '';
+  }, [awardName, awardDescription, awardImage]);
   const { value: allUsers } = useAsync(async () => {
     // Fetching all users in the catalog.
     // TODO: memoize this
@@ -272,6 +275,7 @@ export const AwardEditCard = ({ award = emptyAward }: AwardEditCardProps) => {
             color="primary"
             variant="contained"
             startIcon={<CreateComponentIcon />}
+            disabled={!hasRequiredFields}
             onClick={saveAward}
           >
             Save