diff --git a/packages/concordia-app/package.json b/packages/concordia-app/package.json index 6645ee2..bbbcf92 100644 --- a/packages/concordia-app/package.json +++ b/packages/concordia-app/package.json @@ -38,13 +38,14 @@ "react": "~16.13.1", "react-dom": "~16.13.1", "react-i18next": "^11.7.3", + "react-markdown": "^5.0.3", "react-particles-js": "^3.4.0", "react-redux": "~7.2.1", "react-router": "^5.2.0", "react-router-dom": "^5.2.0", "react-scripts": "~3.4.3", - "redux-saga": "~1.1.3", "react-timeago": "~5.2.0", + "redux-saga": "~1.1.3", "semantic-ui-css": "~2.4.1", "semantic-ui-react": "~1.2.1", "web3": "1.3.0" diff --git a/packages/concordia-app/src/assets/About.md b/packages/concordia-app/src/assets/About.md new file mode 100644 index 0000000..40049cb --- /dev/null +++ b/packages/concordia-app/src/assets/About.md @@ -0,0 +1,27 @@ +# About Concordia + +## What + +Concordia is a forum platform (remember forums? 🤩) that focuses on user privacy and direct democratic voting. It is a +FOSS distributed via its Gitlab [repository][concordia-repository] and Docker [repository][concordia-docker-hub] under +the [MIT][concordia-license] license. + +## Why + +Values of privacy and freedom are diminishing in modern software. Even more so in social media software. Users are now +called to decide between being the product of companies that sell their personal information for gain and being shut out +of the modern, digital society. + +Concordia, much like other projects of this kind, provides an alternative to this predicament. + +## How + +TODO + +## Who + +TODO + +[concordia-repository]: https://gitlab.com/ecentrics/apella +[concordia-docker-hub]: https://hub.docker.com/repository/docker/ecentrics/apella-app +[concordia-license]: https://gitlab.com/ecentrics/apella/-/blob/master/LICENSE.md diff --git a/packages/concordia-app/src/layouts/MainLayout/MainLayoutMenu/index.jsx b/packages/concordia-app/src/layouts/MainLayout/MainLayoutMenu/index.jsx index dac4043..328bf54 100644 --- a/packages/concordia-app/src/layouts/MainLayout/MainLayoutMenu/index.jsx +++ b/packages/concordia-app/src/layouts/MainLayout/MainLayoutMenu/index.jsx @@ -76,7 +76,6 @@ const MainLayoutMenu = () => { { {t('topbar.button.clear.databases')} { history.push('/about'); }} diff --git a/packages/concordia-app/src/views/About/index.jsx b/packages/concordia-app/src/views/About/index.jsx index ec432c5..fcd02ba 100644 --- a/packages/concordia-app/src/views/About/index.jsx +++ b/packages/concordia-app/src/views/About/index.jsx @@ -1,12 +1,38 @@ import React, { - memo, useMemo, + memo, useEffect, useState, } from 'react'; +import ReactMarkdown from 'react-markdown'; import { Container } from 'semantic-ui-react'; +import AboutMd from '../../assets/About.md'; -const About = () => useMemo(() => ( - - TODO - -), []); +const targetBlank = () => ({ href, children }) => ( + + {children} + +); + +const About = () => { + const [aboutMd, setAboutMd] = useState(''); + + useEffect(() => { + fetch(AboutMd) + .then((response) => response.text()) + .then((text) => { + setAboutMd(text); + }); + }, []); + + return ( + + + + ); +}; export default memo(About);