33 lines
634 B
TypeScript
33 lines
634 B
TypeScript
|
import React, { FunctionComponent } from 'react';
|
||
|
|
|
||
|
|
const createCheckBoxElement = ({Name, Id}) => ({
|
||
|
|
__html: `<label>
|
||
|
|
<input
|
||
|
|
type="checkbox"
|
||
|
|
is="emby-checkbox"
|
||
|
|
class="chkChannel"
|
||
|
|
data-id="${Id}"
|
||
|
|
/>
|
||
|
|
<span>${Name}</span>
|
||
|
|
</label>`
|
||
|
|
});
|
||
|
|
|
||
|
|
type IProps = {
|
||
|
|
Name?: string;
|
||
|
|
Id?: string;
|
||
|
|
}
|
||
|
|
|
||
|
|
const ChannelAccess: FunctionComponent<IProps> = ({Name, Id}: IProps) => {
|
||
|
|
return (
|
||
|
|
<div
|
||
|
|
dangerouslySetInnerHTML={createCheckBoxElement({
|
||
|
|
Name: Name,
|
||
|
|
Id: Id
|
||
|
|
})}
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default ChannelAccess;
|
||
|
|
|