diff --git a/packages/structures/src/components/component-detail/view-container.js b/packages/structures/src/components/component-detail/view-container.js
index 60fb488d0..07472cb45 100644
--- a/packages/structures/src/components/component-detail/view-container.js
+++ b/packages/structures/src/components/component-detail/view-container.js
@@ -7,6 +7,7 @@ import { ConceptsAPI, Stores } from 'bauhaus-utilities';
import ComponentTitle from './title';
import { useSelector } from 'react-redux';
import { useParams } from 'react-router-dom';
+import * as select from 'Bauhaus/src/js/reducers';
const ViewContainer = (props) => {
const secondLang = useSelector(Stores.SecondLang.getSecondLang);
@@ -17,6 +18,7 @@ const ViewContainer = (props) => {
const [codesLists, setCodesLists] = useState([]);
const [serverSideError, setServerSideError] = useState();
const [attributes, setAttributes] = useState([]);
+ const langs = useSelector(state => select.getLangs(state))
const handleBack = useCallback(() => {
goBack(props, '/structures/components')();
@@ -76,6 +78,7 @@ const ViewContainer = (props) => {
serverSideError={serverSideError}
secondLang={secondLang}
attributes={attributes}
+ langs={langs}
/>
);
diff --git a/packages/structures/src/components/component-detail/view.js b/packages/structures/src/components/component-detail/view.js
index 096ec1654..5130913d3 100644
--- a/packages/structures/src/components/component-detail/view.js
+++ b/packages/structures/src/components/component-detail/view.js
@@ -100,7 +100,8 @@ export const ComponentDetailView = ({
col = 3,
publishComponent,
serverSideError,
- attributes
+ attributes,
+ langs: { lg1, lg2 },
}) => {
useTitle(D.componentTitle, component?.labelLg1)
const [codesListPanelOpened, setCodesListPanelOpened] = useState(false);
@@ -181,7 +182,24 @@ export const ComponentDetailView = ({
-
+
+
+ {secondLang && (
+
+ )}
+