Init

Preview: http://dashboards.webkom.co/react/airframe

app/routes/components/Chat/ChatCardHeader.js

@@ -0,0 +1,38 @@
+import React from 'react';
+
+import { 
+    UncontrolledButtonDropdown,
+    DropdownToggle,
+    DropdownMenu,
+    DropdownItem,
+} from './../../../components';
+
+const ChatCardHeader = () => (
+    <React.Fragment>
+    <h6 className="align-self-center mb-0">
+        Chat with Romaine Weber
+    </h6>
+    <UncontrolledButtonDropdown className="align-self-center ml-auto">
+    <DropdownToggle color="link" size="sm" className="text-decoration-none">
+        <i className="fa fa-gear"></i><i className="fa fa-angle-down ml-2"></i>
+    </DropdownToggle>
+    <DropdownMenu right>
+        <DropdownItem>
+            <i className="fa fa-fw fa-comment mr-2"></i>
+            Private Message
+        </DropdownItem>
+        <DropdownItem>
+            <i className="fa fa-fw fa-search mr-2"></i>
+            Search this Thread
+        </DropdownItem>
+        <DropdownItem divider />
+        <DropdownItem>
+            <i className="fa fa-fw fa-ban mr-2"></i>
+            Block this User
+        </DropdownItem>
+    </DropdownMenu>
+    </UncontrolledButtonDropdown>
+    </React.Fragment>
+)
+
+export { ChatCardHeader };