([]);
const [loading, setLoading] = useState(false);
- const userId = useAppSelector(
- (state) => state.user.userId
- ) as unknown as string;
- console.log("we are getting this userId from ConfigModal", userId);
+ const userId = useAppSelector((state) => state.user.userId) as string;
+
+ // Fetch credentials only when required on node change
+ useEffect(() => {
+ setConfig({}); // Clear form when switching nodes
+ setCredentials([]); // Clear credentials on node switch
+ if (selectedNode) {
+ const nodeConfig = getNodeConfig(selectedNode.name || selectedNode.actionType);
+ if (nodeConfig && nodeConfig.credentials === "google") {
+ api.Credentials.getCredentials("google").then((res) => {
+ setCredentials(res || []);
+ }).catch((error) => {
+ console.error("Failed to fetch credentials:", error);
+ setCredentials([]);
+ });
+ }
+ }
+ // Removed console log pollution
+ }, [selectedNode]);
+
+ // No modal if not needed
if (!isOpen || !selectedNode) return null;
+ // Save callback
const handleSave = async () => {
setLoading(true);
try {
- // For now, just save empty config
- await onSave({ HOOKS_URL }, userId);
+ await onSave(selectedNode.id, config, userId);
+ toast.success("Configured Successfully");
} catch (error) {
console.error("Save failed:", error);
+ toast.error("Failed to save config");
} finally {
setLoading(false);
onClose();
}
};
+ // Field rendering helper
+ const renderField = (field: any) => {
+ const fieldValue = config[field.name] || "";
+
+ // Special handling for Google credential dropdown
+ if (field.type === "dropdown" && field.name === "credentialId") {
+ return (
+
+
+ {/* No credentials connected */}
+ {credentials.length === 0 ? (
+ <>
+
+
+ Connect your Google account to use Gmail & Sheets
+
+
+ ) : (
+ <>
+
+
+ {credentials.map((cred: any) => (
+
+ {cred.email || cred.name}
+
+ ))}
+
+
+ )}
+
+
+
+
+ );
+ }
+
+ // Textarea
+ if (field.type === "textarea") {
+ return (
+
+
+