add tab panel

src/client/js/components/Admin/Notification/NotificationSetting.jsx

@@ -13,7 +13,29 @@ class NotificationSetting extends React.Component {
 
     return (
       <React.Fragment>
-        <p>hoge</p>
+        <ul className="nav nav-tabs" role="tablist">
+          <li role="tab" className="active">
+            <a href="#slack-configuration" data-toggle="tab" role="tab"><i className="icon-settings"></i> Slack Configuration</a>
+          </li>
+          <li role="tab">
+            <a href="#user-trigger-notification" data-toggle="tab" role="tab"><i className="icon-settings"></i> User Trigger Notification</a>
+          </li>
+          <li role="tab">
+            <a href="#global-notification" data-toggle="tab" role="tab"><i className="icon-settings"></i> Global Notification</a>
+          </li>
+        </ul>
+
+        <div className="tab-content m-t-15">
+          <div id="slack-configuration" className="tab-pane active" role="tabpanel">
+            {/* TODO GW-773 create slak config component */}
+          </div>
+          <div id="user-trigger-notification" className="tab-pane" role="tabpanel">
+            {/* TODO GW-775 user trigger notification component */}
+          </div>
+          <div id="global-notification" className="tab-pane" role="tabpanel">
+            {/* TODO GE-776 global notification component */}
+          </div>
+        </div>
       </React.Fragment>
     );
   }