2020-04-10 20:20:07 +02:00
|
|
|
import FunctionTabs from './FunctionTabs/FunctionTabs';
|
|
|
|
import FunctionForm from './FunctionForm';
|
2020-04-16 00:19:31 +02:00
|
|
|
import FunctionArticle from './FunctionArticle';
|
2020-04-10 20:20:07 +02:00
|
|
|
import FunctionComments from './FunctionComments/FunctionComments';
|
|
|
|
|
|
|
|
const FunctionTabManager = (props) => {
|
2020-04-12 12:40:56 +02:00
|
|
|
if (props.type === "form") {
|
2020-04-10 20:20:07 +02:00
|
|
|
return (
|
2020-04-12 12:40:56 +02:00
|
|
|
<FunctionTabs type={props.type}>
|
2020-04-10 20:20:07 +02:00
|
|
|
<div className="FunctionComponent__slide">
|
2020-04-16 19:44:19 +02:00
|
|
|
<FunctionForm inputsArray={ [...props.utilizationForm || []] } slug={props.slug} />
|
2020-04-10 20:20:07 +02:00
|
|
|
</div>
|
2020-04-15 22:50:40 +02:00
|
|
|
<div className="FunctionComponent__slide">
|
2020-04-16 00:19:31 +02:00
|
|
|
<FunctionArticle article={props.article} />
|
2020-04-15 22:50:40 +02:00
|
|
|
</div>
|
2020-04-10 20:20:07 +02:00
|
|
|
<div className="FunctionComponent__slide">
|
2020-04-12 12:40:56 +02:00
|
|
|
<FunctionComments functionId={props.id} />
|
2020-04-10 20:20:07 +02:00
|
|
|
</div>
|
|
|
|
</FunctionTabs>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
return (
|
|
|
|
<FunctionTabs type={props.type}>
|
2020-04-15 22:50:40 +02:00
|
|
|
<div className="FunctionComponent__slide">
|
2020-04-16 00:19:31 +02:00
|
|
|
<FunctionArticle article={props.article} />
|
2020-04-15 22:50:40 +02:00
|
|
|
</div>
|
2020-04-10 20:20:07 +02:00
|
|
|
<div className="FunctionComponent__slide">
|
2020-04-12 12:40:56 +02:00
|
|
|
<FunctionComments functionId={props.id} />
|
2020-04-10 20:20:07 +02:00
|
|
|
</div>
|
|
|
|
</FunctionTabs>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
export default FunctionTabManager;
|