-
- {
-
- // Hiding display of users ID unless there's a use case for it.
- //
{userData.profiles.map(profile => profile.id)}
- }
-
-);
diff --git a/client/coral-settings/containers/SettingsContainer.js b/client/coral-settings/containers/ProfileContainer.js
similarity index 92%
rename from client/coral-settings/containers/SettingsContainer.js
rename to client/coral-settings/containers/ProfileContainer.js
index 9e72cdadc..4a98ed8ff 100644
--- a/client/coral-settings/containers/SettingsContainer.js
+++ b/client/coral-settings/containers/ProfileContainer.js
@@ -8,13 +8,13 @@ import {myCommentHistory} from 'coral-framework/graphql/queries';
import {link} from 'coral-framework/services/PymConnection';
import NotLoggedIn from '../components/NotLoggedIn';
import {Spinner} from 'coral-ui';
-import SettingsHeader from '../components/SettingsHeader';
+import ProfileHeader from '../components/ProfileHeader';
import CommentHistory from 'coral-plugin-history/CommentHistory';
import translations from '../translations';
const lang = new I18n(translations);
-class SettingsContainer extends Component {
+class ProfileContainer extends Component {
constructor (props) {
super(props);
this.state = {
@@ -44,7 +44,7 @@ class SettingsContainer extends Component {
return (
-
+
{
// Hiding bio until moderation can get figured out
@@ -88,4 +88,4 @@ const mapDispatchToProps = () => ({
export default compose(
connect(mapStateToProps, mapDispatchToProps),
myCommentHistory
-)(SettingsContainer);
+)(ProfileContainer);
diff --git a/client/coral-settings/translations.json b/client/coral-settings/translations.json
index c8398bd7b..945d71b87 100644
--- a/client/coral-settings/translations.json
+++ b/client/coral-settings/translations.json
@@ -1,20 +1,22 @@
{
"en":{
+ "profile": "Profile",
"userNoComment": "You've never left a comment. Join the conversation!",
"allComments": "All Comments",
"profileSettings": "Profile Settings",
"myCommentHistory": "My comment History",
"signIn": "Sign in",
- "toAccess": " to access Settings",
- "fromSettingsPage": "From the Settings Page you can see your comment history."
+ "toAccess": " to access Profile",
+ "fromSettingsPage": "From the Profile Page you can see your comment history."
},
"es":{
+ "profile": "Perfil",
"userNoComment": "No has dejado áun ningún comentario. ¡Unete a la conversación!",
"allComments": "Todos los comentarios",
"profileSettings": "Configuración del perfil",
"myCommentHistory": "Mi historial de comentarios",
"signIn": "Entrar",
- "toAccess": "para acceder a la configuración",
+ "toAccess": "para acceder a al perfil",
"fromSettingsPage": "Desde la peagina de configuración puede ver su historia de comentarios."
}
}
diff --git a/client/coral-sign-in/components/CreateUsernameDialog.js b/client/coral-sign-in/components/CreateUsernameDialog.js
index d245b38ac..d0e348046 100644
--- a/client/coral-sign-in/components/CreateUsernameDialog.js
+++ b/client/coral-sign-in/components/CreateUsernameDialog.js
@@ -3,14 +3,18 @@ import TextField from 'coral-ui/components/TextField';
import Alert from './Alert';
import Button from 'coral-ui/components/Button';
import {Dialog} from 'coral-ui';
+import FakeComment from './FakeComment';
+
import styles from './styles.css';
+
import I18n from 'coral-framework/modules/i18n/i18n';
import translations from '../translations';
const lang = new I18n(translations);
-const CreateUsernameDialog = ({open, handleClose, offset, formData, handleSubmitUsername, handleChange, ...props}) => (
+const CreateUsernameDialog = ({open, handleClose, offset, formData, handleSubmitUsername, handleChange, ...props}) => {
+ return (
-
+
{lang.t('createdisplay.yourusername')}
+
+
{lang.t('createdisplay.ifyoudontchangeyourname')}
{ props.auth.error && {props.auth.error} }
-);
+ );
+};
export default CreateUsernameDialog;
diff --git a/client/coral-sign-in/components/FakeComment.js b/client/coral-sign-in/components/FakeComment.js
new file mode 100644
index 000000000..b5af6bf1c
--- /dev/null
+++ b/client/coral-sign-in/components/FakeComment.js
@@ -0,0 +1,66 @@
+import React from 'react';
+import styles from 'coral-embed-stream/src/Comment.css';
+
+import AuthorName from 'coral-plugin-author-name/AuthorName';
+import Content from 'coral-plugin-commentcontent/CommentContent';
+import PubDate from 'coral-plugin-pubdate/PubDate';
+import {ReplyButton} from 'coral-plugin-replies';
+
+import I18n from 'coral-framework/modules/i18n/i18n';
+import translations from '../translations';
+
+const lang = new I18n(translations);
+
+class FakeComment extends React.Component {
+ constructor (props) {
+ super(props);
+ }
+
+ render () {
+ const {username, created_at, body} = this.props;
+
+ return (
+