Просмотр исходного кода

userListContent Data passing test.

oshikishintaro 5 лет назад
Родитель
Сommit
ed28ccbed6
1 измененных файлов с 19 добавлено и 9 удалено
  1. 19 9
      src/client/js/components/User/SeenUserList.jsx

+ 19 - 9
src/client/js/components/User/SeenUserList.jsx

@@ -11,22 +11,32 @@ import FootstampIcon from '../FootstampIcon';
 
 class SeenUserList extends React.Component {
 
+  userListContent() {
+    const { pageContainer } = this.props;
+    return (
+      <div className="px-2 text-right user-list-content text-truncate text-muted">
+        <UserPictureList users={pageContainer.state.seenUsers} />
+      </div>
+    );
+  }
+
+
   render() {
     const { pageContainer } = this.props;
     return (
-      <button type="button" className="btn btn-seen-user-list border-0 px-1 py-0" data-container="body" data-toggle="popover" data-placement="bottom" data-html="true" data-content_div_id="seen-user-content">
+      <button
+        type="button"
+        className="btn btn-seen-user-list border-0 px-1 py-0"
+        data-container="body"
+        data-toggle="popover"
+        data-placement="bottom"
+        data-content={this.userListContent}
+      >
         <span className="mr-2 svg footstamp-icon"><FootstampIcon /></span>
         <span className="seen-user-count">{pageContainer.state.countOfSeenUsers}</span>
       </button>
-    );
-
-  }
 
-  render() {
-    const { user-list-content } = ;
-      <div id="seen-user-content" className="hide px-2 text-right user-list-content text-truncate text-muted">
-        <UserPictureList users={pageContainer.state.seenUsers} />
-      </div>
+    );
   }
 
 }