frontend: only display "render count" when in development mode

This commit is contained in:
Mose Müller 2023-08-02 12:06:21 +02:00
parent 0af8fff9b5
commit 3e925c7087
8 changed files with 25 additions and 9 deletions

View File

@ -78,7 +78,9 @@ export const AsyncMethodComponent = React.memo((props: AsyncMethodProps) => {
<div
className="col-5 align-items-center method"
id={parent_path.concat('.' + name)}>
{process.env.NODE_ENV === 'development' && (
<p>Render count: {renderCount.current}</p>
)}
<h5>
Function: {name}
<DocStringComponent docString={docString} />

View File

@ -32,7 +32,9 @@ export const ButtonComponent = React.memo((props: ButtonComponentProps) => {
return (
<div className={'button'} id={parent_path.concat('.' + name)}>
{process.env.NODE_ENV === 'development' && (
<p>Render count: {renderCount.current}</p>
)}
<DocStringComponent docString={docString} />
<ToggleButton

View File

@ -30,7 +30,9 @@ export const EnumComponent = React.memo((props: EnumComponentProps) => {
return (
<div className={'component boolean'} id={parent_path.concat('.' + name)}>
{process.env.NODE_ENV === 'development' && (
<p>Render count: {renderCount.current}</p>
)}
<DocStringComponent docString={docString} />
<Row>
<Col className="col-5 d-flex align-items-center">

View File

@ -19,8 +19,10 @@ export const ListComponent = React.memo((props: ListComponentProps) => {
const { name, parent_path, value, docString } = props;
return (
<div className={'component boolean'} id={parent_path.concat(name)}>
<div className={'component list'} id={parent_path.concat(name)}>
{process.env.NODE_ENV === 'development' && (
<p>Render count: {renderCount.current}</p>
)}
<DocStringComponent docString={docString} />
{value.map((item, index) => {
return (

View File

@ -64,7 +64,9 @@ export const MethodComponent = React.memo((props: MethodProps) => {
<div
className="col-5 align-items-center method"
id={parent_path.concat('.' + name)}>
{process.env.NODE_ENV === 'development' && (
<p>Render count: {renderCount.current}</p>
)}
<h5 onClick={() => setHideOutput(!hideOutput)} style={{ cursor: 'pointer' }}>
Function: {name}
<DocStringComponent docString={docString} />

View File

@ -207,7 +207,9 @@ export const NumberComponent = React.memo((props: NumberComponentProps) => {
return (
<div className={'component boolean'} id={parent_path.concat(name)}>
{process.env.NODE_ENV === 'development' && (
<p>Render count: {renderCount.current}</p>
)}
<DocStringComponent docString={docString} />
<div className="row">
<div className="col-5 d-flex">

View File

@ -64,7 +64,9 @@ export const SliderComponent = React.memo((props: SliderComponentProps) => {
return (
<div className={'slider'} id={parent_path.concat('.' + name)}>
{process.env.NODE_ENV === 'development' && (
<p>Render count: {renderCount.current}</p>
)}
<DocStringComponent docString={docString} />
<Row>

View File

@ -31,7 +31,9 @@ export const StringComponent = React.memo((props: StringComponentProps) => {
return (
<div className={'component boolean'} id={parent_path.concat(name)}>
{process.env.NODE_ENV === 'development' && (
<p>Render count: {renderCount.current}</p>
)}
<DocStringComponent docString={docString} />
<div className="row">
<div className="col-5 d-flex">