aboutsummaryrefslogtreecommitdiff
path: root/frontend/src/views/Header.js
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/src/views/Header.js')
-rw-r--r--frontend/src/views/Header.js15
1 files changed, 14 insertions, 1 deletions
diff --git a/frontend/src/views/Header.js b/frontend/src/views/Header.js
index f96b036..5118ec3 100644
--- a/frontend/src/views/Header.js
+++ b/frontend/src/views/Header.js
@@ -2,6 +2,7 @@ import React, {Component} from 'react';
import Typed from 'typed.js';
import './Header.scss';
import {Button} from "react-bootstrap";
+import ServicePortFilter from "../components/ServicePortFilter";
class Header extends Component {
@@ -29,13 +30,25 @@ class Header extends Component {
return (
<header className="header container-fluid">
<div className="row">
- <div className="col">
+ <div className="col-auto">
<h1 className="header-title type-wrap">
<span style={{whiteSpace: 'pre'}} ref={(el) => {
this.el = el;
}}/>
</h1>
</div>
+
+ <div className="col-auto">
+ <div className="filters-bar-wrapper">
+ <div className="filters-bar">
+ <ServicePortFilter />
+ {/*<ServicePortFilter name="started_before" default="infinity" />*/}
+ {/*<ServicePortFilter name="started_after" default="-infinity" />*/}
+
+ </div>
+ </div>
+ </div>
+
<div className="col">
<div className="header-buttons">
<Button variant="yellow" size="sm">pcaps</Button>