check for empty roles list

Author: tiagoapolo

frontend/web/components/pages/EnvironmentSettingsPage.js

@@ -76,7 +76,7 @@ const EnvironmentSettingsPage = class extends Component {
         },
         { forceRefetch: true },
       ).then((res) => {
-        const matchingItems = roles.data.results.filter((item1) =>
+        const matchingItems = roles?.data?.results?.filter((item1) =>
           res.data.results.some((item2) => item2.role === item1.id),
         )
         this.setState({ roles: matchingItems })

frontend/web/components/pages/ProjectSettingsPage.js

@@ -65,11 +65,11 @@ const ProjectSettingsPage = class extends Component {
         {
           organisation_id: AccountStore.getOrganisation().id,
           project_id: this.props.match.params.projectId,
-          role_id: roles.data.results[0].id,
+          role_id: roles?.data?.results[0]?.id,
         },
         { forceRefetch: true },
       ).then((res) => {
-        const matchingItems = roles.data.results.filter((item1) =>
+        const matchingItems = roles?.data?.results?.filter((item1) =>
           res.data.results.some((item2) => item2.role === item1.id),
         )
         this.setState({ roles: matchingItems })