remove Flex and update comment

Arize-ai · Oct 28, 2024 · 93f4f00 · 93f4f00
1 parent b1582b3
commit 93f4f00
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 6 deletions.
diff --git a/app/schema.graphql b/app/schema.graphql
@@ -1563,7 +1563,7 @@ type Trace implements Node {
   startTime: DateTime!
   endTime: DateTime!
   projectId: GlobalID!
-  projectSessionId: GlobalID!
+  projectSessionId: GlobalID
   session: ProjectSession
   rootSpan: Span
   spans(first: Int = 50, last: Int, after: String, before: String): SpanConnection!

diff --git a/app/src/pages/project/SessionsTable.tsx b/app/src/pages/project/SessionsTable.tsx
@@ -20,7 +20,7 @@ import {
 } from "@tanstack/react-table";
 import { css } from "@emotion/react";
 
-import { Flex, Icon, Icons, View } from "@arizeai/components";
+import { Icon, Icons, View } from "@arizeai/components";
 
 import { selectableTableCSS } from "@phoenix/components/table/styles";
 import { TimestampCell } from "@phoenix/components/table/TimestampCell";
@@ -43,7 +43,7 @@ type SessionsTableProps = {
 const PAGE_SIZE = 50;
 
 export function SessionsTable(props: SessionsTableProps) {
-  //we need a reference to the scrolling element for logic down below
+  // we need a reference to the scrolling element for pagination logic down below
   const tableContainerRef = useRef<HTMLDivElement>(null);
   const [sorting, setSorting] = useState<SortingState>([]);
   const [filterCondition, setFilterCondition] = useState<string>("");
@@ -207,9 +207,7 @@ export function SessionsTable(props: SessionsTableProps) {
         borderBottomWidth="thin"
         flex="none"
       >
-        <Flex direction="row" gap="size-100" width="100%" alignItems="center">
-          <SpanFilterConditionField onValidCondition={setFilterCondition} />
-        </Flex>
+        <SpanFilterConditionField onValidCondition={setFilterCondition} />
       </View>
       <div
         css={css`