3pp-mirror/rallly
1
0
Fork 0
mirror of https://github.com/lukevella/rallly.git synced 2025-05-13 00:46:48 +02:00
Code Issues Projects Releases Packages Wiki Activity

Clean up code

Browse source
This commit is contained in:
Luke Vella 2022-04-13 21:50:01 +01:00
parent 2b4a69efcf
commit bb7f9fa348
1 changed files with 12 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

35
components/poll/poll.tsx
View file

@ -71,14 +71,9 @@ export const ControlledScrollDiv: React.VoidFunctionComponent<{
); );
}; };
const Poll: React.VoidFunctionComponent< const minSidebarWidth = 200;
PollProps & {
width?: number; const Poll: React.VoidFunctionComponent<PollProps> = ({
sidebarWidth?: number;
columnWidth?: number;
actionColumnWidth?: number;
}
> = ({
pollId, pollId,
role, role,
timeZone, timeZone,
@ -87,27 +82,21 @@ const Poll: React.VoidFunctionComponent<
highScore, highScore,
targetTimeZone, targetTimeZone,
onChangeTargetTimeZone, onChangeTargetTimeZone,
actionColumnWidth = 160,
sidebarWidth: minSidebarWidth = 200,
columnWidth: defaultColumnWidth,
width: defaultWidth,
}) => { }) => {
const { t } = useTranslation("app"); const { t } = useTranslation("app");
const [ref, { width: measuredWidth }] = useMeasure<HTMLDivElement>(); const [ref, { width }] = useMeasure<HTMLDivElement>();
const [editingParticipantId, setEditingParticipantId] = const [editingParticipantId, setEditingParticipantId] =
React.useState<string | null>(null); React.useState<string | null>(null);
const width = defaultWidth ?? measuredWidth; const actionColumnWidth = 160;
const columnWidth = const columnWidth = Math.min(
defaultColumnWidth ?? 100,
Math.min( Math.max(
100, 95,
Math.max( (width - minSidebarWidth - actionColumnWidth) / options.length,
95, ),
(width - minSidebarWidth - actionColumnWidth) / options.length, );
),
);
const numberOfVisibleColumns = Math.min( const numberOfVisibleColumns = Math.min(
options.length, options.length,