Undo codemod litter
This commit is contained in:
@@ -199,8 +199,10 @@ const FaceCropImageView: React.FC<FaceCropImageViewProps> = ({
|
||||
placeholderDimension,
|
||||
}) => {
|
||||
const [url, setURL] = useState<string | undefined>();
|
||||
|
||||
useEffect(() => {
|
||||
let didCancel = false;
|
||||
|
||||
void faceCrop(faceID, file).then((url) => !didCancel && setURL(url));
|
||||
|
||||
return () => {
|
||||
|
||||
@@ -299,7 +299,7 @@ export const GalleryBarImpl: React.FC<GalleryBarImplProps> = ({
|
||||
);
|
||||
};
|
||||
|
||||
const BarWrapper = styled(Box)`
|
||||
const BarWrapper = styled("div")`
|
||||
padding-inline: 24px;
|
||||
@media (max-width: ${IMAGE_CONTAINER_MAX_WIDTH * MIN_COLUMNS}px) {
|
||||
padding-inline: 4px;
|
||||
@@ -308,7 +308,7 @@ const BarWrapper = styled(Box)`
|
||||
border-block-end: 1px solid ${({ theme }) => theme.palette.divider};
|
||||
`;
|
||||
|
||||
export const Row1 = styled(Box)`
|
||||
export const Row1 = styled("div")`
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
@@ -316,7 +316,7 @@ export const Row1 = styled(Box)`
|
||||
margin-block-end: 12px;
|
||||
`;
|
||||
|
||||
export const Row2 = styled(Box)`
|
||||
export const Row2 = styled("div")`
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: 16px;
|
||||
@@ -406,7 +406,7 @@ const ScrollButtonRight = styled(ScrollButtonBase)`
|
||||
transform: translate(50%, 0%);
|
||||
`;
|
||||
|
||||
const ListWrapper = styled(Box)`
|
||||
const ListWrapper = styled("div")`
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
height: 86px;
|
||||
@@ -476,6 +476,7 @@ const ListItem = memo((props: ListChildComponentProps<ItemData>) => {
|
||||
);
|
||||
break;
|
||||
}
|
||||
|
||||
case "people": {
|
||||
const { people, activePerson, onSelectPerson } = data;
|
||||
const person = people[index]!;
|
||||
|
||||
Reference in New Issue
Block a user