ilyakooo0/urbit
1
0
Fork 0
mirror of https://github.com/ilyakooo0/urbit.git synced 2024-11-11 04:48:00 +03:00
Code Issues Packages Projects Releases Wiki Activity

messages: PR fixes

Browse Source 
fixes urbit/landscape#497
This commit is contained in:
James Acklin 2021-04-20 20:43:20 -04:00
parent 378c826239
commit d7bee178c8
1 changed files with 6 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
pkg/interface/src/views/landscape/components/ResourceSkeleton.tsx
View File

@ -1,4 +1,4 @@
import React, { ReactElement, ReactNode, useRef, useEffect, useState } from 'react';
import React, { ReactElement, ReactNode, useState, useCallback } from 'react';
import { Icon, Box, Col, Text } from '@tlon/indigo-react';
import styled from 'styled-components';
import { Link, useHistory } from 'react-router-dom';
@ -37,7 +37,7 @@ export function ResourceSkeleton(props: ResourceSkeletonProps): ReactElement {
const groups = useGroupState(state => state.groups);
const group = groups[association.group];
let workspace = association.group;
const actionsRef = useRef(null);
const history = useHistory();
const [actionsWidth, setActionsWidth] = useState(0);
if (group?.hidden && app === 'chat') {
@ -182,11 +182,9 @@ export function ResourceSkeleton(props: ResourceSkeletonProps): ReactElement {
</Link>
);
useEffect(() => {
if (actionsRef.current) {
setActionsWidth(actionsRef.current.clientWidth);
}
}, [actionsRef]);
const actionsRef = useCallback((actionsRef) => {
setActionsWidth(actionsRef?.getBoundingClientRect().width);
}, []);
return (
<Col width='100%' height='100%' overflow='hidden'>
@ -218,7 +216,7 @@ export function ResourceSkeleton(props: ResourceSkeletonProps): ReactElement {
flexShrink='0'
ref={actionsRef}
>
<ExtraControls />
{ExtraControls()}
<MenuControl />
</Box>
</Box>