${highlight(status.Message, 'https://twitter.com/')}` }} />\n
${highlight(status.User, 'https://twitter.com/')} ${convertDate(status.Created)}` }} />\n {/* eslint-enable react/no-danger */}\n
\n {status.Likes}\n {status.Retweets}\n
\n
\n );\n};\n\nTwitterStatusComponent.propTypes = {\n status: PropTypes.shape({\n Created: PropTypes.string.isRequired,\n ID: PropTypes.string.isRequired,\n Likes: PropTypes.number.isRequired,\n Message: PropTypes.string.isRequired,\n Retweets: PropTypes.number.isRequired,\n User: PropTypes.string.isRequired,\n }).isRequired,\n convertDate: PropTypes.func.isRequired,\n highlight: PropTypes.func.isRequired,\n};\n\nTwitterStatusComponent.displayName = 'TwitterStatusComponent';\nexport default TwitterStatusComponent;\n","const labels = {\n da: {\n AUonSoMe: 'AU på sociale medier',\n followUs: 'Følg os på',\n },\n en: {\n AUonSoMe: 'AU on social media',\n followUs: 'Follow us',\n },\n};\n\nexport default labels;\n","export const GET_FACEBOOK = 'GET_FACEBOOK';\nexport const GET_FACEBOOK_IMAGE = 'GET_FACEBOOK_IMAGE';\nexport const GET_TWITTER = 'GET_TWITTER';\nexport const API_HOST = 'https://webtools.au.dk';\n","import axios from 'axios';\nimport { GET_FACEBOOK, API_HOST } from './const';\n\nconst API_URL = '/api/Social/GetFacebook/';\n\nexport default (seconds, identifier, take) => {\n const url = `${API_HOST}${API_URL}?seconds=${seconds}&identifier=${identifier}&take=${take}`;\n const request = axios.get(url);\n\n return {\n type: GET_FACEBOOK,\n payload: request,\n };\n};\n","import axios from 'axios';\nimport { GET_TWITTER, API_HOST } from './const';\n\nconst API_URL = '/api/Social/GetTwitter/';\n\nexport default (seconds, userId, take) => {\n const url = `${API_HOST}${API_URL}?seconds=${seconds}&userId=${userId}&take=${take}`;\n const request = axios.get(url);\n\n return {\n type: GET_TWITTER,\n payload: request,\n };\n};\n","/* eslint-env browser */\n/* eslint-disable jsx-a11y/anchor-has-content */\nimport React, { Component } from 'react';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport AUSpinnerComponent from '@aarhus-university/au-lib-react-components/src/components/AUSpinnerComponent';\n// import FacebookPostComponent from '../components/FacebookPostComponent';\nimport TwitterStatusComponent from '../components/TwitterStatusComponent';\nimport labels from '../i18n';\nimport getFacebook from '../actions/getFacebook';\nimport getTwitter from '../actions/getTwitter';\nimport '../styles/styles.scss';\n\nconst defaultTwitterSearch = 'aarhusuni';\nconst defaultElfsightApp = 'd5eb5118-ebf0-406f-b609-bdc54fc5034f';\nconst defaultFollowLinks = [\n {\n name: 'Facebook',\n uri: 'https://www.facebook.com/UniAarhus',\n },\n {\n name: 'Bluesky',\n uri: 'https://bsky.app/profile/did:plc:32imedc3eyp7jgro5uwcpmcg',\n },\n {\n name: 'Twitter',\n uri: 'https://x.com/AarhusUni',\n },\n {\n name: 'Instagram',\n uri: 'https://www.instagram.com/aarhusuni/?hl=en',\n },\n {\n name: 'LinkedIn',\n uri: 'https://www.linkedin.com/company/aarhus-university-denmark-?trk=hb_tab_compy_id_4648',\n },\n {\n name: 'YouTube',\n uri: 'https://www.youtube.com/user/AarhusUniversity',\n },\n];\n\nconst importer = {\n url: (url, defer = false) => new Promise((resolve, reject) => {\n const script = document.createElement('script');\n script.type = 'text/javascript';\n script.src = url;\n if (defer) {\n script.defer = true;\n }\n script.addEventListener('load', () => resolve(script), false);\n script.addEventListener('error', () => reject(script), false);\n document.body.appendChild(script);\n }),\n urls: (urls) => Promise.all(urls.map(importer.url)),\n};\nclass AppComponent extends Component {\n static convertDate(d, primaryLang = true) {\n const date = new Date(d);\n const day = date.getDate() < 10 ? (`0${date.getDate()}`) : date.getDate();\n const month = date.getMonth() + 1 < 10 ? (`0${date.getMonth() + 1}`) : (date.getMonth() + 1);\n const hours = date.getHours() < 10 ? (`0${date.getHours()}`) : date.getHours();\n const minutes = date.getMinutes() < 10 ? (`0${date.getMinutes()}`) : date.getMinutes();\n if (primaryLang) {\n return `${day}-${month}-${date.getFullYear()} ${hours}:${minutes}`;\n }\n return `${date.getFullYear()}-${month}-${day} ${hours}:${minutes}`;\n }\n\n static highlight(text, service) {\n const re = /(#\\w[a-zA-ZøæåØÆÅ]+)|(@\\w+)|(http|https):\\/\\/[a-zA-Z0-9\\-.]+\\.[a-zA-Z]{2,3}(\\/\\S*)?/g;\n return text.replace(re, (match, p1, p2, p3) => {\n if (typeof p2 !== 'undefined') {\n return `
${match}`;\n }\n\n if (typeof p3 !== 'undefined') {\n return `
${match}`;\n }\n return `
${match}`;\n });\n }\n\n render() {\n /* eslint-disable react/no-array-index-key */\n const { social, lang } = this.props;\n /*\n const renderFacebook = social.Facebook.Posts.slice(0, 2).map((f, i) => (\n
\n \n
\n ));\n */\n\n const renderTwitter = social.Twitter.slice(0, 4).map((t, i) => (\n
\n \n
\n ));\n\n // eslint-disable-next-line no-underscore-dangle\n let _followLinks = defaultFollowLinks;\n if (typeof window.followLinks !== 'undefined') {\n _followLinks = window.followLinks;\n }\n\n return (\n
{\n const { actions } = this.props;\n const cachePeriod = 3600;\n // const fbAccount = lang === 'da' ? 'UniAarhus' : 'aarhusuni';\n const twAccount = typeof window.twitterSearch !== 'undefined' ? window.twitterSearch : defaultTwitterSearch;\n // actions.getFacebook(cachePeriod, fbAccount, 2);\n if (twAccount !== '') {\n actions.getTwitter(cachePeriod, twAccount, 4);\n }\n\n setTimeout(() => {\n importer.url('https://apps.elfsight.com/p/platform.js', true);\n }, 1000);\n }}\n >\n \n
\n
\n
{labels[lang].AUonSoMe}
\n \n
\n
\n - \n {labels[lang].followUs}\n :\n {' '}\n
\n {\n _followLinks.map((link) => (\n - \n {link.name}\n
\n ))\n }\n
\n
\n
\n
\n
\n {renderTwitter}\n
\n