fixes

Author: ajp-io

web/src/components/wizard/CompletionStep.tsx

@@ -6,18 +6,16 @@ import { useBranding } from "../../contexts/BrandingContext";
 import { CheckCircle, ExternalLink } from "lucide-react";
 
 const CompletionStep: React.FC = () => {
-  const { config } = useConfig();
+  const { config, prototypeSettings } = useConfig();
   const { title } = useBranding();
-  const { prototypeSettings } = useConfig();
-  const themeColor = prototypeSettings.themeColor;
 
   return (
     <div className="space-y-6">
       <Card>
         <div className="flex flex-col items-center text-center py-6">
           <div className="flex flex-col items-center justify-center mb-6">
             <div className="w-16 h-16 rounded-full flex items-center justify-center mb-4">
-              <CheckCircle className="w-10 h-10" style={{ color: themeColor }} />
+              <CheckCircle className="w-10 h-10" style={{ color: prototypeSettings.themeColor }} />
             </div>
             <p className="text-gray-600 mt-2">
               Visit the Admin Console to configure and install {title}

web/src/components/wizard/installation/InstallationProgress.tsx

@@ -13,11 +13,6 @@ const InstallationProgress: React.FC<InstallationProgressProps> = ({
   themeColor,
   status
 }) => {
-  const displayMessage = () => {
-    if (!currentMessage) return 'Preparing installation...';
-    return status === 'Running' ? `${currentMessage}` : currentMessage;
-  };
-
   return (
     <div className="mb-6">
       <div className="w-full bg-gray-200 rounded-full h-2.5">
@@ -30,7 +25,7 @@ const InstallationProgress: React.FC<InstallationProgressProps> = ({
         />
       </div>
       <p className="text-sm text-gray-500 mt-2">
-        {displayMessage()}
+        {currentMessage || 'Preparing installation...'}
       </p>
     </div>
   );