Removed ability to share with API keys

src/frontend/src/modals/shareModal/index.tsx

@@ -44,7 +44,6 @@ export default function ShareModal({
   const { hasApiKey, hasStore } = useContext(StoreContext);
   const { setSuccessData, setErrorData } = useContext(alertContext);
   const { reactFlowInstance } = useContext(typesContext);
-  const [checked, setChecked] = useState(false);
   const [internalOpen, internalSetOpen] = useState(children ? false : true);
   const [openConfirmationModal, setOpenConfirmationModal] = useState(false);
   const nameComponent = is_component ? "component" : "flow";
@@ -99,16 +98,7 @@ export default function ShareModal({
   const handleShareComponent = async (update = false) => {
     //remove file names from flows before sharing
     removeFileNameFromComponents(component);
-    const flow: FlowType = checked
+    const flow: FlowType = removeApiKeys({
-      ? {
-          id: component!.id,
-          data: component!.data,
-          description,
-          name,
-          last_tested_version: version,
-          is_component: is_component,
-        }
-      : removeApiKeys({
       id: component!.id,
       data: component!.data,
       description,
@@ -157,9 +147,7 @@ export default function ShareModal({
   };
 
   const handleExportComponent = () => {
-    if (!checked) {
     component = removeApiKeys(component);
-    }
     downloadNode(component);
   };
 
@@ -221,7 +209,7 @@ export default function ShareModal({
         >
           <span className="pr-2">Share</span>
           <IconComponent
-            name="Share2"
+            name="Share"
             className="h-6 w-6 pl-1 text-foreground"
             aria-hidden="true"
           />
@@ -239,35 +227,21 @@ export default function ShareModal({
               setSelectedTags={setSelectedTags}
             />
           </div>
-          <div className="mt-5 flex items-center space-x-2">
+          <div className="mb-2 mt-5 flex items-center space-x-2">
             <Checkbox
               id="public"
               checked={sharePublic}
               onCheckedChange={(event: boolean) => {
                 setSharePublic(event);
-                setChecked(false);
               }}
             />
             <label htmlFor="public" className="export-modal-save-api text-sm ">
               Make {nameComponent} public
             </label>
           </div>
-          <div className="mt-3 flex items-center space-x-2">
-            <Checkbox
-              id="terms"
-              checked={checked}
-              onCheckedChange={(event: boolean) => {
-                setChecked(event);
-              }}
-              disabled={sharePublic}
-            />
-            <label htmlFor="terms" className="export-modal-save-api text-sm ">
-              Save with my API keys
-            </label>
-          </div>
           <span className=" text-xs text-destructive ">
-            Warning: Deselecting this box will exclusively eliminate API keys
+            <b>Warning:</b> The {nameComponent} will be shared without the API
-            from fields explicitly designated for API keys.
+            keys for its specific fields.
           </span>
         </BaseModal.Content>
 

src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx

@@ -200,7 +200,7 @@ export default function ExtraSidebar(): JSX.Element {
           )}
         >
           <IconComponent
-            name="Share2"
+            name="Share"
             className={classNames(
               "side-bar-button-size",
               !hasApiKey || !validApiKey || !hasStore

src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx

@@ -250,7 +250,7 @@ export default function NodeToolbarComponent({
                 >
                   <div className="flex">
                     <IconComponent
-                      name="Share2"
+                      name="Share"
                       className="relative top-0.5 mr-2 h-4 w-4"
                     />{" "}
                     Share{" "}

src/frontend/src/utils/styleUtils.ts

@@ -75,6 +75,7 @@ import {
   Scissors,
   Search,
   Settings2,
+  Share,
   Share2,
   Shield,
   Sparkles,
@@ -358,6 +359,7 @@ export const nodeIconsLucide: iconsType = {
   Maximize2,
   SaveAll,
   Share2,
+  Share,
   GitBranchPlus,
   Loader2,
   BookmarkPlus,