fix dialog styling

continuedev · Jan 21, 2025 · 4215559 · 4215559
1 parent efced32
commit 4215559
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 26 deletions.
diff --git a/gui/src/components/OnboardingCard/OnboardingCard.tsx b/gui/src/components/OnboardingCard/OnboardingCard.tsx
@@ -46,7 +46,7 @@ export function OnboardingCard({ isDialog }: OnboardingCardProps) {
 
   return (
     <StyledCard
-      className="xs:py-4 xs:px-4 relative px-2 py-3"
+      className="xs:py-4 xs:px-4 relative flex-1 px-2 py-3"
       data-testid="onboarding-card"
     >
       <OnboardingCardTabs

diff --git a/gui/src/components/OnboardingCard/hooks/useOnboardingCard.ts b/gui/src/components/OnboardingCard/hooks/useOnboardingCard.ts
@@ -38,14 +38,6 @@ export function useOnboardingCard(): UseOnboardingCard {
 
   async function open(tab: TabTitle) {
     navigate("/");
-
-    // Used to clear the chat panel before showing onboarding card
-    dispatch(
-      saveCurrentSession({
-        openNewSession: true,
-      }),
-    );
-
     dispatch(setOnboardingCard({ show: true, activeTab: tab }));
   }
 

diff --git a/gui/src/components/OnboardingCard/platform/PlatformOnboardingCard.tsx b/gui/src/components/OnboardingCard/platform/PlatformOnboardingCard.tsx
@@ -8,8 +8,6 @@ import { TabTitle } from "../components/OnboardingCardTabs";
 import { useOnboardingCard } from "../hooks";
 import OnboardingLocalTab from "../tabs/OnboardingLocalTab";
 import MainTab from "./tabs/main";
-import { hasPassedFTL } from "../../../util/freeTrial";
-import { useAppSelector } from "../../../redux/hooks";
 
 const StyledCard = styled.div`
   margin: auto;
@@ -36,18 +34,8 @@ export function PlatformOnboardingCard({ isDialog }: OnboardingCardProps) {
     setLocalStorage("onboardingStatus", "Started");
   }
 
-  const isPastFreeTrialLimit = hasPassedFTL();
-  const isShowingDialog = useAppSelector((store) => store.ui.showDialog);
-
   const [currentTab, setCurrentTab] = useState<"main" | "local">("main");
 
-  // A version of this pops up in a dialog
-  // so that history doesn't disappear or jump
-  // If free trial limit is reached mid-chat
-  if (isPastFreeTrialLimit && isShowingDialog) {
-    return null;
-  }
-
   return (
     <StyledCard className="xs:py-4 xs:px-4 relative px-2 py-3">
       {!isDialog && (

diff --git a/gui/src/components/dialogs/FreeTrialOverDialog.tsx b/gui/src/components/dialogs/FreeTrialOverDialog.tsx
@@ -18,11 +18,15 @@ function FreeTrialOverDialog() {
     }
   }, [history]);
 
-  if (usePlatform) {
-    return <PlatformOnboardingCard isDialog />;
-  } else {
-    return <OnboardingCard isDialog />;
-  }
+  return (
+    <div className="flex-1">
+      {usePlatform ? (
+        <PlatformOnboardingCard isDialog />
+      ) : (
+        <OnboardingCard isDialog />
+      )}
+    </div>
+  );
 }
 
 export default FreeTrialOverDialog;