ユースケースビルダーがオフの際に Drawer 上部に白い線が入る件の修正 (#744)

Co-authored-by: Yusuke Wada <[email protected]> Co-authored-by: Taichiro Suzuki <[email protected]>
aws-samples · Nov 29, 2024 · b8632d1 · b8632d1
1 parent 70522a4
commit b8632d1
Showing 1 changed file with 11 additions and 9 deletions.
diff --git a/packages/web/src/components/Drawer.tsx b/packages/web/src/components/Drawer.tsx
@@ -80,16 +80,18 @@ const Drawer: React.FC<Props> = (props) => {
     <>
       <DrawerBase>
         {useCaseBuilderEnabled && (
-          <Switch
-            className="mx-3 mb-1 mt-3"
-            label="ビルダーモード"
-            checked={false}
-            onSwitch={() => {
-              navigate(ROUTE_INDEX_USE_CASE_BUILDER);
-            }}
-          />
+          <>
+            <Switch
+              className="mx-3 mb-1 mt-3"
+              label="ビルダーモード"
+              checked={false}
+              onSwitch={() => {
+                navigate(ROUTE_INDEX_USE_CASE_BUILDER);
+              }}
+            />
+            <div className="border-b" />
+          </>
         )}
-        <div className="border-b" />
         <div className="text-aws-smile mx-3 my-1 text-xs">
           ユースケース <span className="text-gray-400">(生成 AI)</span>
         </div>