From 16d1bb83a434238890702e81122be4b4f4059de5 Mon Sep 17 00:00:00 2001
From: Mikyo King <mikyo@arize.com>
Date: Sat, 28 Dec 2024 00:40:09 -0700
Subject: [PATCH] cleanup more

---
 app/src/App.tsx                                  |  1 -
 .../components/annotation/AnnotationTooltip.tsx  | 16 +++-------------
 app/src/components/nav/Navbar.tsx                |  2 +-
 app/src/components/table/styles.ts               |  2 +-
 4 files changed, 5 insertions(+), 16 deletions(-)

diff --git a/app/src/App.tsx b/app/src/App.tsx
index 6079c62bdb..153aa4ddb3 100644
--- a/app/src/App.tsx
+++ b/app/src/App.tsx
@@ -1,6 +1,5 @@
 import React, { Suspense } from "react";
 import { RelayEnvironmentProvider } from "react-relay";
-import { ThemeProvider as EmotionThemeProvider } from "@emotion/react";
 
 import { Provider } from "@arizeai/components";
 
diff --git a/app/src/components/annotation/AnnotationTooltip.tsx b/app/src/components/annotation/AnnotationTooltip.tsx
index 11288d85bd..f46d30ef23 100644
--- a/app/src/components/annotation/AnnotationTooltip.tsx
+++ b/app/src/components/annotation/AnnotationTooltip.tsx
@@ -1,13 +1,8 @@
 import React, { CSSProperties, ReactNode } from "react";
 
-import {
-  HelpTooltip,
-  Text,
-  TooltipTrigger,
-  TriggerWrap,
-} from "@arizeai/components";
+import { HelpTooltip, TooltipTrigger, TriggerWrap } from "@arizeai/components";
 
-import { Flex, View } from "@phoenix/components";
+import { Flex, Text, View } from "@phoenix/components";
 import { floatFormatter } from "@phoenix/utils/numberFormatUtils";
 
 import { Annotation } from "./types";
@@ -37,12 +32,7 @@ export function AnnotationTooltip({
           alignItems="center"
         >
           <View>
-            <Text
-              weight="heavy"
-              color="inherit"
-              textSize="large"
-              elementType="h3"
-            >
+            <Text weight="heavy" color="inherit" size="L" elementType="h3">
               {annotation.name}
             </Text>
             <View paddingTop="size-50" minWidth="150px">
diff --git a/app/src/components/nav/Navbar.tsx b/app/src/components/nav/Navbar.tsx
index fe85c44371..d97561283c 100644
--- a/app/src/components/nav/Navbar.tsx
+++ b/app/src/components/nav/Navbar.tsx
@@ -1,6 +1,6 @@
 import React, { ReactNode, useState } from "react";
 import { Link, NavLink as RRNavLink } from "react-router-dom";
-import { css, Theme } from "@emotion/react";
+import { css } from "@emotion/react";
 
 import { Icon, Icons, Text } from "@phoenix/components";
 import { useTheme } from "@phoenix/contexts";
diff --git a/app/src/components/table/styles.ts b/app/src/components/table/styles.ts
index c34310b2d1..c34c218a8e 100644
--- a/app/src/components/table/styles.ts
+++ b/app/src/components/table/styles.ts
@@ -1,6 +1,6 @@
 import { CSSProperties } from "react";
 import { Column } from "@tanstack/react-table";
-import { css, Theme } from "@emotion/react";
+import { css } from "@emotion/react";
 
 export const tableCSS = css`
   font-size: var(--ac-global-font-size-s);