Remove unused SelectableSession component

This commit is contained in:
Quentin Gliech committed 2024-02-27 17:56:20 +01:00
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;