bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge remote-tracking branch 'origin/develop' into improve-reporting

Browse source
This commit is contained in:
Alex Gleason 2022-05-02 14:39:20 -05:00
commit f92eeb333c
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
1 changed files with 16 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
app/soapbox/features/ui/components/modals/report-modal/steps/reason-step.tsx
View file

@ -19,6 +19,8 @@ interface IReasonStep {
account: ReducerAccount
}
const RULES_HEIGHT = 385;
const ReasonStep = (_props: IReasonStep) => {
const dispatch = useDispatch();
const intl = useIntl();
@ -59,6 +61,16 @@ const ReasonStep = (_props: IReasonStep) => {
dispatch(fetchRules());
}, []);
useEffect(() => {
if (rules.length > 0 && rulesListRef.current) {
const { clientHeight } = rulesListRef.current;
if (clientHeight <= RULES_HEIGHT) {
setNearBottom(true);
}
}
}, [rules, rulesListRef.current]);
return (
<Stack space={4}>
{shouldRequireRule && (
@ -69,12 +81,13 @@ const ReasonStep = (_props: IReasonStep) => {
<div className='relative'>
<div
className='rounded-lg -space-y-px max-h-96 overflow-y-auto'
style={{ maxHeight: RULES_HEIGHT }}
className='rounded-lg -space-y-px overflow-y-auto'
onScroll={handleRulesScrolling}
ref={rulesListRef}
>
{rules.map((rule, idx) => {
const isSelected = String(ruleId) === rule.id;
const isSelected = String(ruleId) === String(rule.id);
return (
<button
@ -106,7 +119,7 @@ const ReasonStep = (_props: IReasonStep) => {
value={rule.id}
checked={isSelected}
readOnly
className='h-4 w-4 mt-0.5 cursor-pointer text-indigo-600 border-gray-300 focus:ring-indigo-500'
className='h-4 w-4 mt-0.5 cursor-pointer text-primary-600 border-gray-300 focus:ring-primary-500'
/>
</button>
);