ITQC/pydase
24
0
Fork 0
mirror of https://github.com/tiqi-group/pydase.git synced 2025-04-20 00:10:03 +02:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/AsyncMethodComponent.tsx
View File

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

4
frontend/src/components/ButtonComponent.tsx
View File

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

4
frontend/src/components/EnumComponent.tsx
View File

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

6
frontend/src/components/ListComponent.tsx
View File

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

4
frontend/src/components/MethodComponent.tsx
View File

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

4
frontend/src/components/NumberComponent.tsx
View File

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

4
frontend/src/components/SliderComponent.tsx
View File

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

4
frontend/src/components/StringComponent.tsx
View File

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