chore(components): migrate components

Arize-ai · Dec 27, 2024 · 8361c54 · 8361c54
1 parent 9613976
commit 8361c54
Show file tree

Hide file tree

Showing 9 changed files with 19 additions and 31 deletions.
diff --git a/app/src/pages/playground/SavePromptForm.tsx b/app/src/pages/playground/SavePromptForm.tsx
@@ -1,9 +1,9 @@
 import React from "react";
 import { Controller, useForm } from "react-hook-form";
 
-import { Flex, Form, TextArea, TextField, View } from "@arizeai/components";
+import { Form, TextArea, TextField } from "@arizeai/components";
 
-import { Button } from "@phoenix/components";
+import { Button, Flex, View } from "@phoenix/components";
 export type SavePromptSubmitHandler = (params: SavePromptFormParams) => void;
 
 export type SavePromptFormParams = {

diff --git a/app/src/pages/prompt/PromptChatMessages.tsx b/app/src/pages/prompt/PromptChatMessages.tsx
@@ -1,8 +1,9 @@
 import React from "react";
 import { graphql, useFragment } from "react-relay";
 
-import { Flex, Text } from "@arizeai/components";
+import { Text } from "@arizeai/components";
 
+import { Flex } from "@phoenix/components";
 import { TemplateLanguages } from "@phoenix/components/templateEditor/constants";
 import { TemplateLanguage } from "@phoenix/components/templateEditor/types";
 

diff --git a/app/src/pages/prompt/PromptIndexPage.tsx b/app/src/pages/prompt/PromptIndexPage.tsx
@@ -2,14 +2,9 @@ import React, { useState } from "react";
 import { Heading } from "react-aria-components";
 import { graphql, useFragment } from "react-relay";
 
-import {
-  Accordion,
-  AccordionItem,
-  Card,
-  Flex,
-  View,
-} from "@arizeai/components";
+import { Accordion, AccordionItem, Card } from "@arizeai/components";
 
+import { Flex, View } from "@phoenix/components";
 import {
   CodeLanguage,
   CodeLanguageRadioGroup,

diff --git a/app/src/pages/prompt/PromptInvocationParameters.tsx b/app/src/pages/prompt/PromptInvocationParameters.tsx
@@ -2,7 +2,9 @@ import React, { useMemo } from "react";
 import { graphql, useFragment } from "react-relay";
 import isObject from "lodash/isObject";
 
-import { Flex, List, ListItem, Text, View } from "@arizeai/components";
+import { List, ListItem, Text } from "@arizeai/components";
+
+import { Flex, View } from "@phoenix/components";
 
 import { PromptInvocationParameters__main$key } from "./__generated__/PromptInvocationParameters__main.graphql";
 

diff --git a/app/src/pages/prompt/PromptLayout.tsx b/app/src/pages/prompt/PromptLayout.tsx
@@ -4,16 +4,9 @@ import { Outlet, useLocation, useNavigate } from "react-router";
 import { graphql } from "relay-runtime";
 import { css } from "@emotion/react";
 
-import {
-  Counter,
-  Flex,
-  Heading,
-  TabPane,
-  Tabs,
-  View,
-} from "@arizeai/components";
+import { Counter, Heading, TabPane, Tabs } from "@arizeai/components";
 
-import { Button, Icon, Icons } from "@phoenix/components";
+import { Button, Flex, Icon, Icons, View } from "@phoenix/components";
 
 import { PromptLayout__main$key } from "./__generated__/PromptLayout__main.graphql";
 import { usePromptIdLoader } from "./usePromptIdLoader";

diff --git a/app/src/pages/prompt/PromptVersionDetailsPage.tsx b/app/src/pages/prompt/PromptVersionDetailsPage.tsx
@@ -1,13 +1,9 @@
 import React from "react";
 import { useLoaderData } from "react-router";
 
-import {
-  Accordion,
-  AccordionItem,
-  Card,
-  Flex,
-  View,
-} from "@arizeai/components";
+import { Accordion, AccordionItem, Card } from "@arizeai/components";
+
+import { Flex, View } from "@phoenix/components";
 
 import { promptVersionLoaderQuery$data } from "./__generated__/promptVersionLoaderQuery.graphql";
 import { PromptChatMessages } from "./PromptChatMessages";

diff --git a/app/src/pages/prompt/PromptVersionsList.tsx b/app/src/pages/prompt/PromptVersionsList.tsx
@@ -3,8 +3,9 @@ import { graphql, useFragment } from "react-relay";
 import { Link } from "react-router-dom";
 import { css } from "@emotion/react";
 
-import { Flex, Text, View } from "@arizeai/components";
+import { Text } from "@arizeai/components";
 
+import { Flex, View } from "@phoenix/components";
 import { Truncate } from "@phoenix/components/utility/Truncate";
 
 import {

diff --git a/app/src/pages/prompt/PromptVersionsPage.tsx b/app/src/pages/prompt/PromptVersionsPage.tsx
@@ -3,7 +3,7 @@ import { useFragment } from "react-relay";
 import { Outlet, useParams } from "react-router";
 import { graphql } from "relay-runtime";
 
-import { Flex, View } from "@arizeai/components";
+import { Flex, View } from "@phoenix/components";
 
 import { PromptVersionsPageContent__main$key } from "./__generated__/PromptVersionsPageContent__main.graphql";
 import { PromptVersionsList } from "./PromptVersionsList";

diff --git a/app/src/pages/prompts/PromptsPage.tsx b/app/src/pages/prompts/PromptsPage.tsx
@@ -1,9 +1,9 @@
 import React from "react";
 import { useLoaderData, useNavigate } from "react-router";
 
-import { Flex, Heading, View } from "@arizeai/components";
+import { Heading } from "@arizeai/components";
 
-import { Button, Icon, Icons } from "@phoenix/components";
+import { Button, Flex, Icon, Icons, View } from "@phoenix/components";
 
 import { promptsLoaderQuery$data } from "./__generated__/promptsLoaderQuery.graphql";
 import { PromptsTable } from "./PromptsTable";