From 84f36cd0cee7ea524b50214ff517c529e6c92e2b Mon Sep 17 00:00:00 2001
From: Chaiwat Ekkaewnumchai <cekkaewnumchai@fb.com>
Date: Tue, 17 Mar 2020 10:05:27 -0700
Subject: [PATCH] (Server) Add MockResponseDialog

Summary:
per title

Note:
- This is a part of this PR: https://github.com/facebook/flipper/pull/488

Reviewed By: mweststrate

Differential Revision: D20440146

fbshipit-source-id: 0a3ade1e78e62d3bc0d98ef9fb6c3f258b34af23
---
 .../plugins/network/MockResponseDialog.tsx    | 50 +++++++++++++++++++
 1 file changed, 50 insertions(+)
 create mode 100644 desktop/plugins/network/MockResponseDialog.tsx

diff --git a/desktop/plugins/network/MockResponseDialog.tsx b/desktop/plugins/network/MockResponseDialog.tsx
new file mode 100644
index 000000000..243ad1013
--- /dev/null
+++ b/desktop/plugins/network/MockResponseDialog.tsx
@@ -0,0 +1,50 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ */
+
+import {FlexColumn, Button, styled} from 'flipper';
+
+import {ManageMockResponsePanel} from './ManageMockResponsePanel';
+import {Route} from './types';
+import React from 'react';
+
+type Props = {
+  routes: {[id: string]: Route};
+  onHide: () => void;
+};
+
+const Title = styled('div')({
+  fontWeight: 500,
+  marginBottom: 10,
+  marginTop: 8,
+});
+
+const Container = styled(FlexColumn)({
+  padding: 10,
+  width: 800,
+  height: 550,
+});
+
+const Row = styled(FlexColumn)({
+  alignItems: 'flex-end',
+  marginTop: 16,
+});
+
+export function MockResponseDialog(props: Props) {
+  return (
+    <Container>
+      <Title>Mock Network Responses</Title>
+      <ManageMockResponsePanel routes={props.routes} />
+      <Row>
+        <Button compact padded onClick={props.onHide}>
+          Close
+        </Button>
+      </Row>
+    </Container>
+  );
+}