fork/cellxgene
1
0
Fork 0
mirror of https://github.com/chanzuckerberg/cellxgene.git synced 2026-09-30 05:58:11 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: update/remove deprecated packages (#2411)

Browse Source 
* replace deprecated packages

* more updates
This commit is contained in:
Severiano Badajoz
2021-08-26 15:18:43 -07:00
committed by GitHub
parent 154d099fef
commit 2715dba703
6 changed files with 4910 additions and 2007 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/categorical/category/index.js
+34 -37
View File
@@ -288,57 +288,54 @@ class Category extends React.PureComponent {
export default Category;
const StillLoading = ({ metadataField, checkboxID }) =>
const StillLoading = ({ metadataField, checkboxID }) => (
/*
We are still loading this category, so render a "busy" signal.
*/
(
<div
style={{
maxWidth: globals.maxControlsWidth,
}}
>
<div
style={{
maxWidth: globals.maxControlsWidth,
display: "flex",
justifyContent: "space-between",
alignItems: "baseline",
}}
>
<div
style={{
display: "flex",
justifyContent: "space-between",
alignItems: "baseline",
justifyContent: "flex-start",
alignItems: "flex-start",
}}
>
<div
style={{
display: "flex",
justifyContent: "flex-start",
alignItems: "flex-start",
}}
<label
htmlFor={checkboxID}
className={`${Classes.CONTROL} ${Classes.CHECKBOX}`}
>
<label
htmlFor={checkboxID}
className={`${Classes.CONTROL} ${Classes.CHECKBOX}`}
<input disabled id={checkboxID} checked type="checkbox" />
<span className={Classes.CONTROL_INDICATOR} />
</label>
<Truncate>
<span
style={{
cursor: "pointer",
display: "inline-block",
width: LABEL_WIDTH,
}}
>
<input disabled id={checkboxID} checked type="checkbox" />
<span className={Classes.CONTROL_INDICATOR} />
</label>
<Truncate>
<span
style={{
cursor: "pointer",
display: "inline-block",
width: LABEL_WIDTH,
}}
>
{metadataField}
</span>
</Truncate>
</div>
<div>
<Button minimal loading intent="primary" />
</div>
{metadataField}
</span>
</Truncate>
</div>
<div>
<Button minimal loading intent="primary" />
</div>
</div>
)
;
</div>
);
const ErrorLoading = ({ metadataField, error }) => {
console.error(error); // log error to console as it is unexpected.
return (
@@ -438,8 +435,8 @@ const CategoryHeader = React.memo(
)}
</span>
</div>
{<AnnoDialogEditCategoryName metadataField={metadataField} />}
{<AnnoDialogAddLabel metadataField={metadataField} />}
<AnnoDialogEditCategoryName metadataField={metadataField} />
<AnnoDialogAddLabel metadataField={metadataField} />
<div>
<AnnoMenu
metadataField={metadataField}