Config UI (#399)

* feat: :sparkles: UI for config!

* feat: :sparkles: (latent) edit models in settings

1 files changed, 19 insertions, 0 deletions

diff --git a/extension/react-app/src/components/InfoHover.tsx b/extension/react-app/src/components/InfoHover.tsx
new file mode 100644
index 00000000..2cb8ad71
--- /dev/null
+++ b/extension/react-app/src/components/InfoHover.tsx
@@ -0,0 +1,19 @@
+import { InformationCircleIcon } from "@heroicons/react/24/outline";
+import { StyledTooltip } from ".";
+
+const InfoHover = ({ msg }: { msg: string }) => {
+  const id = "info-hover";
+
+  return (
+    <>
+      <InformationCircleIcon
+        data-tooltip-id={id}
+        data-tooltip-content={msg}
+        className="h-5 w-5 text-gray-500 cursor-help"
+      />
+      <StyledTooltip id={id} place="bottom" />
+    </>
+  );
+};
+
+export default InfoHover;