diff --git a/src/Components/Profile/ProfileSubHeader.tsx b/src/Components/Profile/ProfileSubHeader.tsx index 60835d5a..1fd089e3 100644 --- a/src/Components/Profile/ProfileSubHeader.tsx +++ b/src/Components/Profile/ProfileSubHeader.tsx @@ -4,16 +4,16 @@ import SocialShareBar from './SocialShareBar'; const flags = { de: ( - - - + + + ), at: ( - - - + + + ) }; @@ -21,14 +21,20 @@ const flags = { const statusMapping = { 'in_planning': 'in Planung', 'paused': 'pausiert', + 'active': 'aktiv' }; const SubHeader = ({ type, status, url, title }) => (
- {type &&
- {type}{(status && status !== 'active') ? ` (${statusMapping[status]})` : ''} -
} -
+
+ {type &&
+ {type} +
} + {status && status!="active" &&
+ {statusMapping[status]} +
} +
+
diff --git a/src/Components/Profile/SocialShareBar.tsx b/src/Components/Profile/SocialShareBar.tsx index e9fbecf6..c3bd8cae 100644 --- a/src/Components/Profile/SocialShareBar.tsx +++ b/src/Components/Profile/SocialShareBar.tsx @@ -2,7 +2,7 @@ import SocialShareButton from './SocialShareButton'; const SocialShareBar = ({url, title, platforms = ['facebook', 'twitter', 'linkedin', 'xing', 'email']}) => { return ( -
+
{platforms.map((platform) => ( { href={finalShareUrl} target='_blank' rel='noopener noreferrer' - className='tw-w-8 tw-h-8 tw-rounded-full tw-flex tw-items-center tw-justify-center tw-text-white' + className='tw-w-8 tw-h-8 tw-mt-4 tw-rounded-full tw-flex tw-items-center tw-justify-center tw-text-white' style={{ color: 'white', backgroundColor: bgColor