+
-
-
- )
-}
\ No newline at end of file
+ );
+}
diff --git a/src/components/Members/EditMembers.test.tsx b/src/components/Members/EditMembers.test.tsx
index 50c7bb51..870255e5 100644
--- a/src/components/Members/EditMembers.test.tsx
+++ b/src/components/Members/EditMembers.test.tsx
@@ -1,45 +1,56 @@
-import { Member, MemberRoles } from "../../lib/api/types/shared/members";
-import { EditMembers } from "./EditMembers.tsx";
+import { Member, MemberRoles } from '../../lib/api/types/shared/members';
+import { EditMembers } from './EditMembers.tsx';
-const email1 = "test1@test.com";
-const email2 = "test2@test.com";
+const email1 = 'test1@test.com';
+const email2 = 'test2@test.com';
function mountContainer(members: Member[] = []) {
- cy.mount(
);
+ cy.mount(
+
,
+ );
}
-describe("
", () => {
- it("Should create member with Viewer role", () => {
+describe('
', () => {
+ it('Should create member with Viewer role', () => {
mountContainer();
- cy.get("#member-email-input").typeIntoUi5Input(email1);
+ cy.get('#member-email-input').typeIntoUi5Input(email1);
cy.get('[data-testid="add-member-button"]').click();
- cy.get("@onChangeSpy").should("have.been.calledOnce");
- cy.get("@onChangeSpy").should("have.been.calledWith", [
- { name: email1, roles: [MemberRoles.viewer], kind: "User" },
+ cy.get('@onChangeSpy').should('have.been.calledOnce');
+ cy.get('@onChangeSpy').should('have.been.calledWith', [
+ { name: email1, roles: [MemberRoles.viewer], kind: 'User' },
]);
});
- it("Should create member with Adminisitrator role ", () => {
+ it('Should create member with Adminisitrator role', () => {
mountContainer();
- cy.get("#member-email-input").typeIntoUi5Input(email2);
- cy.get("#member-role-select").openDropDownByClick();
- cy.get('#member-role-select [value="admin"]').clickDropdownMenuItem({ force: true });
+ cy.get('#member-email-input').typeIntoUi5Input(email2);
+ cy.get('#member-role-select').openDropDownByClick();
+ cy.get('#member-role-select [value="admin"]').clickDropdownMenuItem({
+ force: true,
+ });
cy.get('[data-testid="add-member-button"]').click();
- cy.get("@onChangeSpy").should("have.been.calledOnce");
- cy.get("@onChangeSpy").should("have.been.calledWith", [{ name: email2, roles: [MemberRoles.admin], kind: "User" }]);
+ cy.get('@onChangeSpy').should('have.been.calledOnce');
+ cy.get('@onChangeSpy').should('have.been.calledWith', [
+ { name: email2, roles: [MemberRoles.admin], kind: 'User' },
+ ]);
});
- it("Should remove selected member", () => {
+ it('Should remove selected member', () => {
mountContainer([
- { name: email1, roles: [MemberRoles.admin], kind: "User" },
- { name: email2, roles: [MemberRoles.viewer], kind: "User" },
+ { name: email1, roles: [MemberRoles.admin], kind: 'User' },
+ { name: email2, roles: [MemberRoles.viewer], kind: 'User' },
]);
- cy.get('[aria-rowindex="1"] > [data-column-id-cell="."] > ui5-button').click();
- cy.get("@onChangeSpy").should("have.been.calledOnce");
- cy.get("@onChangeSpy").should("have.been.calledWith", [
- { name: email2, roles: [MemberRoles.viewer], kind: "User" },
+ cy.get(
+ '[aria-rowindex="1"] > [data-column-id-cell="."] > ui5-button',
+ ).click();
+ cy.get('@onChangeSpy').should('have.been.calledOnce');
+ cy.get('@onChangeSpy').should('have.been.calledWith', [
+ { name: email2, roles: [MemberRoles.viewer], kind: 'User' },
]);
});
});
diff --git a/src/components/Members/EditMembers.tsx b/src/components/Members/EditMembers.tsx
index 39f9ec7c..4ef9abbc 100644
--- a/src/components/Members/EditMembers.tsx
+++ b/src/components/Members/EditMembers.tsx
@@ -1,52 +1,65 @@
-import { useRef, useState } from "react";
-import { Button, Input, InputDomRef } from "@ui5/webcomponents-react";
-import { MemberTable } from "./MemberTable.tsx";
-import { MemberRoleSelect } from "./MemberRoleSelect.tsx";
-import { ValueState } from "../Shared/Ui5ValieState.tsx";
-import { Member, MemberRoles } from "../../lib/api/types/shared/members";
-import { useTranslation } from "react-i18next";
+import { useRef, useState } from 'react';
+import { Button, Input, InputDomRef } from '@ui5/webcomponents-react';
+import { MemberTable } from './MemberTable.tsx';
+import { MemberRoleSelect } from './MemberRoleSelect.tsx';
+import { ValueState } from '../Shared/Ui5ValieState.tsx';
+import { Member, MemberRoles } from '../../lib/api/types/shared/members';
+import { useTranslation } from 'react-i18next';
export interface EditMembersProps {
members: Member[];
onMemberChanged: (members: Member[]) => void;
}
-export function EditMembers({ members = [], onMemberChanged }: EditMembersProps) {
+export function EditMembers({
+ members = [],
+ onMemberChanged,
+}: EditMembersProps) {
const emailInput = useRef
(null);
- const [highlightEmail, setHighlightEmail] = useState("None");
+ const [highlightEmail, setHighlightEmail] = useState('None');
const [role, setRole] = useState(MemberRoles.viewer);
const { t } = useTranslation();
const addMember = () => {
- setHighlightEmail("None");
+ setHighlightEmail('None');
if (!emailInput.current) {
return;
}
// Check if the email is already in the list, highlight as error
if (members.find((m) => m.name === emailInput.current!.value)) {
- setHighlightEmail("Negative");
+ setHighlightEmail('Negative');
return;
}
- const newMembers = [...members, { name: emailInput.current.value, roles: [role], kind: "User" }]
+ const newMembers = [
+ ...members,
+ { name: emailInput.current.value, roles: [role], kind: 'User' },
+ ];
onMemberChanged(newMembers);
- emailInput.current!.value = "";
- }
+ emailInput.current!.value = '';
+ };
const removeMember = (email: string) => {
const newMembers = members.filter((m) => m.name !== email);
onMemberChanged(newMembers);
- }
+ };
const changeSelectedRole = (role: MemberRoles) => {
setRole(role);
- }
+ };
return (
<>
-
+
-
+
- )
-}
\ No newline at end of file
+ );
+}
diff --git a/src/components/Members/MemberRoleSelect.test.tsx b/src/components/Members/MemberRoleSelect.test.tsx
index 851ad5fc..1f4653be 100644
--- a/src/components/Members/MemberRoleSelect.test.tsx
+++ b/src/components/Members/MemberRoleSelect.test.tsx
@@ -1,27 +1,31 @@
-import { MemberRoleSelect } from "./MemberRoleSelect.tsx";
-import { MemberRoles } from "../../lib/api/types/shared/members";
-import "@ui5/webcomponents-cypress-commands";
+import { MemberRoleSelect } from './MemberRoleSelect.tsx';
+import { MemberRoles } from '../../lib/api/types/shared/members';
+import '@ui5/webcomponents-cypress-commands';
function mountContainer(fn = function (_: MemberRoles): void {}) {
- cy.mount();
+ cy.mount();
}
-describe("", () => {
+describe('', () => {
beforeEach(() => {
mountContainer();
});
- it("Should select Administrator value", () => {
- cy.get("#member-role-select").openDropDownByClick();
- cy.get('#member-role-select [value="admin"]').clickDropdownMenuItem({ force: true });
+ it('Should select Administrator value', () => {
+ cy.get('#member-role-select').openDropDownByClick();
+ cy.get('#member-role-select [value="admin"]').clickDropdownMenuItem({
+ force: true,
+ });
- cy.get("#member-role-select").should("have.value", MemberRoles.admin);
+ cy.get('#member-role-select').should('have.value', MemberRoles.admin);
});
- it("Should select Viewer value", () => {
- cy.get("#member-role-select").openDropDownByClick();
- cy.get('#member-role-select [value="view"]').clickDropdownMenuItem({ force: true });
+ it('Should select Viewer value', () => {
+ cy.get('#member-role-select').openDropDownByClick();
+ cy.get('#member-role-select [value="view"]').clickDropdownMenuItem({
+ force: true,
+ });
- cy.get("#member-role-select").should("have.value", MemberRoles.viewer);
+ cy.get('#member-role-select').should('have.value', MemberRoles.viewer);
});
});
diff --git a/src/components/Members/MemberRoleSelect.tsx b/src/components/Members/MemberRoleSelect.tsx
index cfc9e15b..8489f24d 100644
--- a/src/components/Members/MemberRoleSelect.tsx
+++ b/src/components/Members/MemberRoleSelect.tsx
@@ -1,16 +1,29 @@
-import { MemberRoles, MemberRolesDetailed } from "../../lib/api/types/shared/members";
-import { Option, Select, SelectDomRef, Ui5CustomEvent } from "@ui5/webcomponents-react";
-import { SelectChangeEventDetail } from "@ui5/webcomponents/dist/Select.js";
-import { useEffect, useRef } from "react";
+import {
+ MemberRoles,
+ MemberRolesDetailed,
+} from '../../lib/api/types/shared/members';
+import {
+ Option,
+ Select,
+ SelectDomRef,
+ Ui5CustomEvent,
+} from '@ui5/webcomponents-react';
+import { SelectChangeEventDetail } from '@ui5/webcomponents/dist/Select.js';
+import { useEffect, useRef } from 'react';
interface MemberRoleSelectProps {
value: MemberRoles;
onChange: (value: MemberRoles) => void;
}
-export function MemberRoleSelect({ value, onChange: fireOnChangeEventToParent }: MemberRoleSelectProps) {
+export function MemberRoleSelect({
+ value,
+ onChange: fireOnChangeEventToParent,
+}: MemberRoleSelectProps) {
const ref = useRef(null);
- const handleChange = (event: Ui5CustomEvent) => {
+ const handleChange = (
+ event: Ui5CustomEvent,
+ ) => {
const newValue = event.detail.selectedOption.dataset.value as MemberRoles;
fireOnChangeEventToParent(newValue);
};
@@ -24,7 +37,12 @@ export function MemberRoleSelect({ value, onChange: fireOnChangeEventToParent }:
return (
<>
-