nitro/nitro-react
1
0
Fork 0
mirror of https://github.com/billsonnn/nitro-react.git synced 2024-11-27 08:00:51 +01:00
Code Issues Packages Projects Releases Wiki Activity

Update doorbell

Browse Source
This commit is contained in:
Bill 2021-08-15 00:55:12 -04:00
parent 077c016212
commit 39d337e287
3 changed files with 30 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/views/room/widgets/doorbell/DoorbellWidgetView.tsx
View File

@ -5,6 +5,7 @@ import { LocalizeText } from '../../../../utils';
import { useRoomContext } from '../../context/RoomContext';
import { RoomWidgetDoorbellEvent } from '../../events';
import { RoomWidgetLetUserInMessage } from '../../messages';
import { DoorbellWidgetItemView } from './doorbell-item/DoorbellWidgetItemView';
export const DoorbellWidgetView: FC<{}> = props =>
{
@ -62,7 +63,7 @@ export const DoorbellWidgetView: FC<{}> = props =>
removeUser(userName);
}, [ widgetHandler, removeUser ]);
if(!users.length) return null;
if(!isVisible) return null;
return (
<NitroCardView className="nitro-widget-doorbell" simple={ true }>
@ -71,15 +72,7 @@ export const DoorbellWidgetView: FC<{}> = props =>
<div className="row row-cols-1 doorbell-user-list">
{ (users.length > 0) && users.map(userName =>
{
return (
<div className="d-flex col align-items-center justify-content-between" key={ userName }>
<span className="fw-bold text-black">{ userName }</span>
<div>
<button type="button" className="btn btn-success btn-sm me-1" onClick={ event => answer(userName, true) }><i className="fas fa-check" /></button>
<button type="button" className="btn btn-danger btn-sm" onClick={ event => answer(userName, false) }><i className="fas fa-times" /></button>
</div>
</div>
);
return <DoorbellWidgetItemView key={ userName } userName={ userName } accept={ () => answer(userName, true) } deny={ () => answer(userName, false) } />;
}) }
</div>
</NitroCardContentView>

21
src/views/room/widgets/doorbell/doorbell-item/DoorbellWidgetItemView.tsx Normal file
View File

@ -0,0 +1,21 @@
import { FC } from 'react';
import { DoorbellWidgetItemViewProps } from './DoorbellWidgetItemView.types';
export const DoorbellWidgetItemView: FC<DoorbellWidgetItemViewProps> = props =>
{
const { userName = '', accept = null, deny = null } = props;
return (
<div className="d-flex col align-items-center justify-content-between">
<span className="fw-bold text-black">{ userName }</span>
<div>
<button type="button" className="btn btn-success btn-sm me-1" onClick={ accept }>
<i className="fas fa-check" />
</button>
<button type="button" className="btn btn-danger btn-sm" onClick={ deny }>
<i className="fas fa-times" />
</button>
</div>
</div>
);
}

6
src/views/room/widgets/doorbell/doorbell-item/DoorbellWidgetItemView.types.ts Normal file
View File

@ -0,0 +1,6 @@
export interface DoorbellWidgetItemViewProps
{
userName: string;
accept: () => void;
deny: () => void;
}