mirror of
https://github.com/element-hq/matrix-authentication-service.git
synced 2026-10-23 08:43:33 +00:00
Remove unused SelectableSession component
This commit is contained in:
1 parent
2c9b8a446d
commit
f5e47edbb9
3 files changed
-123
No files matched your search
@@ -1,27 +0,0 @@
|
||||
/* Copyright 2023 The Matrix.org Foundation C.I.C.
|
||||
*
|
||||
* Licensed under the Apache License, Version 2.0 (the "License");
|
||||
* you may not use this file except in compliance with the License.
|
||||
* You may obtain a copy of the License at
|
||||
*
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
* Unless required by applicable law or agreed to in writing, software
|
||||
* distributed under the License is distributed on an "AS IS" BASIS,
|
||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
* See the License for the specific language governing permissions and
|
||||
* limitations under the License.
|
||||
*/
|
||||
|
||||
.selectable-session {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
gap: var(--cpd-space-4x);
|
||||
align-items: flex-start;
|
||||
justify-content: stretch;
|
||||
}
|
||||
|
||||
.checkbox {
|
||||
flex: 0 0 0;
|
||||
margin-top: var(--cpd-space-2x);
|
||||
}
|
||||
@@ -1,49 +0,0 @@
|
||||
// Copyright 2023 The Matrix.org Foundation C.I.C.
|
||||
//
|
||||
// Licensed under the Apache License, Version 2.0 (the "License");
|
||||
// you may not use this file except in compliance with the License.
|
||||
// You may obtain a copy of the License at
|
||||
//
|
||||
// http://www.apache.org/licenses/LICENSE-2.0
|
||||
//
|
||||
// Unless required by applicable law or agreed to in writing, software
|
||||
// distributed under the License is distributed on an "AS IS" BASIS,
|
||||
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
// See the License for the specific language governing permissions and
|
||||
// limitations under the License.
|
||||
|
||||
// @vitest-environment happy-dom
|
||||
|
||||
import { render, cleanup, fireEvent } from "@testing-library/react";
|
||||
import { describe, it, vi, expect, afterEach, beforeAll } from "vitest";
|
||||
|
||||
import { mockLocale } from "../../test-utils/mockLocale";
|
||||
|
||||
import SelectableSession from "./SelectableSession";
|
||||
|
||||
describe("<SelectableSession />", () => {
|
||||
beforeAll(() => mockLocale());
|
||||
afterEach(cleanup);
|
||||
|
||||
it("renders an unselected session", () => {
|
||||
const onSelect = vi.fn();
|
||||
const { container } = render(
|
||||
<SelectableSession isSelected={false} onSelect={onSelect}>
|
||||
<div>Test child</div>
|
||||
</SelectableSession>,
|
||||
);
|
||||
expect(container).toMatchSnapshot();
|
||||
});
|
||||
|
||||
it("calls onchange when checkbox is clicked", () => {
|
||||
const onSelect = vi.fn();
|
||||
const { getByLabelText } = render(
|
||||
<SelectableSession isSelected={true} onSelect={onSelect}>
|
||||
<div>Test child</div>
|
||||
</SelectableSession>,
|
||||
);
|
||||
fireEvent.click(getByLabelText("Select session"));
|
||||
|
||||
expect(onSelect).toHaveBeenCalled();
|
||||
});
|
||||
});
|
||||
@@ -1,47 +0,0 @@
|
||||
// Copyright 2023 The Matrix.org Foundation C.I.C.
|
||||
//
|
||||
// Licensed under the Apache License, Version 2.0 (the "License");
|
||||
// you may not use this file except in compliance with the License.
|
||||
// You may obtain a copy of the License at
|
||||
//
|
||||
// http://www.apache.org/licenses/LICENSE-2.0
|
||||
//
|
||||
// Unless required by applicable law or agreed to in writing, software
|
||||
// distributed under the License is distributed on an "AS IS" BASIS,
|
||||
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
// See the License for the specific language governing permissions and
|
||||
// limitations under the License.
|
||||
|
||||
import { CheckboxInput } from "@vector-im/compound-web";
|
||||
import { useTranslation } from "react-i18next";
|
||||
|
||||
import styles from "./SelectableSession.module.css";
|
||||
|
||||
type Props = {
|
||||
isSelected?: boolean;
|
||||
onSelect: () => void;
|
||||
};
|
||||
|
||||
/**
|
||||
* Wrapper to add a controlled checkbox to a session tile
|
||||
*/
|
||||
const SelectableSession: React.FC<React.PropsWithChildren<Props>> = ({
|
||||
isSelected,
|
||||
onSelect,
|
||||
children,
|
||||
}) => {
|
||||
const { t } = useTranslation();
|
||||
return (
|
||||
<div className={styles.selectableSession}>
|
||||
<CheckboxInput
|
||||
className={styles.checkbox}
|
||||
onChange={onSelect}
|
||||
aria-label={t("frontend.selectable_session.label")}
|
||||
checked={isSelected}
|
||||
/>
|
||||
{children}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default SelectableSession;
|
||||
Reference in new issue
Block a user