-
-
-
-
-
+
+
+
- {selectedServiceSpec &&
+ 
+
OpenAPI selected service:
+
+
+
+
+
- 
+
- {!selectedServiceName && noOasServiceSelectedMessage}
+ = ({setAnalyzeStatus}) => {
const [focusedEntryId, setFocusedEntryId] = useRecoilState(focusedEntryIdAtom);
const [wsConnection, setWsConnection] = useRecoilState(websocketConnectionAtom);
const setServiceMapModalOpen = useSetRecoilState(serviceMapModalOpenAtom);
+ const [openOasModal, setOpenOasModal] = useRecoilState(oasModalOpenAtom);
const query = useRecoilValue(queryAtom);
const [noMoreDataTop, setNoMoreDataTop] = useState(false);
@@ -75,10 +76,6 @@ export const TrafficPage: React.FC = ({setAnalyzeStatus}) => {
const [startTime, setStartTime] = useState(0);
const scrollableRef = useRef(null);
- const [openOasModal, setOpenOasModal] = useState(false);
-
- const handleCloseModal = () => setOpenOasModal(false);
-
const [showTLSWarning, setShowTLSWarning] = useState(false);
const [userDismissedTLSWarning, setUserDismissedTLSWarning] = useState(false);
const [addressesWithTLS, setAddressesWithTLS] = useState(new Set());
@@ -283,7 +280,7 @@ export const TrafficPage: React.FC = ({setAnalyzeStatus}) => {
+ {selectedServiceSpec && }
diff --git a/ui/src/components/OasModal/redocThemeOptions.ts b/ui/src/components/OasModal/redocThemeOptions.ts
new file mode 100644
index 000000000..2c6580609
--- /dev/null
+++ b/ui/src/components/OasModal/redocThemeOptions.ts
@@ -0,0 +1,35 @@
+export const redocThemeOptions = {
+ theme:{
+ codeBlock:{
+ backgroundColor:"#11171a",
+ },
+ colors:{
+ responses:{
+ error:{
+ tabTextColor:"#1b1b29"
+ },
+ info:{
+ tabTextColor:"#1b1b29",
+ },
+ success:{
+ tabTextColor:"#0c0b1a"
+ },
+ },
+ text:{
+ primary:"#1b1b29",
+ secondary:"#4d4d4d"
+ }
+ },
+ rightPanel:{
+ backgroundColor:"#253237",
+ },
+ sidebar:{
+ backgroundColor:"#ffffff"
+ },
+ typography:{
+ code:{
+ color:"#0c0b1a"
+ }
+ }
+ }
+ }
\ No newline at end of file
diff --git a/ui/src/components/Pages/TrafficPage/TrafficPage.tsx b/ui/src/components/Pages/TrafficPage/TrafficPage.tsx
index 2b71bed5f..e6c997ace 100644
--- a/ui/src/components/Pages/TrafficPage/TrafficPage.tsx
+++ b/ui/src/components/Pages/TrafficPage/TrafficPage.tsx
@@ -18,12 +18,12 @@ import entriesAtom from "../../../recoil/entries";
import focusedEntryIdAtom from "../../../recoil/focusedEntryId";
import websocketConnectionAtom, {WsConnectionStatus} from "../../../recoil/wsConnection";
import queryAtom from "../../../recoil/query";
-import OasModal from "../../OasModal/OasModal";
import {useCommonStyles} from "../../../helpers/commonStyle"
import {TLSWarning} from "../../TLSWarning/TLSWarning";
import serviceMapModalOpenAtom from "../../../recoil/serviceMapModalOpen";
import serviceMap from "../../assets/serviceMap.svg";
import services from "../../assets/services.svg";
+import oasModalOpenAtom from "../../../recoil/oasModalOpen/atom";
const useLayoutStyles = makeStyles(() => ({
details: {
@@ -59,6 +59,7 @@ export const TrafficPage: React.FC
+
- {window["isOasEnabled"] &&
{window["isOasEnabled"] && }