update

2025-10-13 01:49:06 +03:00
parent 76c857b4f5
commit 5ad9cbe3a6
97 changed files with 5752 additions and 2376 deletions
--- a/gnx-react/components/shared/layout/CookieConsent.tsx
+++ b/gnx-react/components/shared/layout/CookieConsent.tsx
@@ -49,55 +49,116 @@ export const CookieConsentBanner: React.FC = () => {

  return (
    <AnimatePresence>
+      {/* Fullscreen overlay to center the banner */}
      <motion.div
-        initial={{ y: 100, opacity: 0 }}
-        animate={{ y: 0, opacity: 1 }}
-        exit={{ y: 100, opacity: 0 }}
-        transition={{ duration: 0.3, ease: 'easeOut' }}
-        className="cookie-consent-banner"
+        initial={{ opacity: 0 }}
+        animate={{ opacity: 1 }}
+        exit={{ opacity: 0 }}
+        transition={{ duration: 0.2 }}
+        style={{
+          position: 'fixed',
+          inset: 0,
+          zIndex: 10000,
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+          background: 'rgba(17, 24, 39, 0.45)',
+          backdropFilter: 'blur(4px)',
+        }}
      >
-        <div className="cookie-consent-banner__container">
-          <div className="cookie-consent-banner__content">
-            <div className="cookie-consent-banner__icon">
-              <i className="fas fa-cookie-bite"></i>
+        {/* Centered enterprise-style card */}
+        <motion.div
+          initial={{ opacity: 0, scale: 0.96, y: 8 }}
+          animate={{ opacity: 1, scale: 1, y: 0 }}
+          exit={{ opacity: 0, scale: 0.98, y: 8 }}
+          transition={{ duration: 0.25, ease: 'easeOut' }}
+          className="cookie-consent-banner"
+          style={{
+            width: 'min(680px, 92vw)',
+            background: '#0b1220',
+            color: '#e5e7eb',
+            border: '1px solid rgba(255,255,255,0.08)',
+            borderRadius: 16,
+            boxShadow: '0 25px 70px rgba(0,0,0,0.45)',
+            padding: 24,
+          }}
+        >
+          <div className="cookie-consent-banner__container" style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>
+            <div className="cookie-consent-banner__content" style={{ display: 'flex', gap: 16 }}>
+              <div
+                className="cookie-consent-banner__icon"
+                style={{
+                  width: 48,
+                  height: 48,
+                  borderRadius: 12,
+                  display: 'grid',
+                  placeItems: 'center',
+                  background: 'linear-gradient(135deg, rgba(199, 213, 236, 0.39), rgba(147,197,253,0.08))',
+                  color: '#93c5fd',
+                  flex: '0 0 auto',
+                }}
+              >
+                <i className="fas fa-cookie-bite"></i>
+              </div>
+              <div className="cookie-consent-banner__text" style={{ display: 'grid', gap: 6 }}>
+                <h3 style={{ margin: 0, fontSize: 20, fontWeight: 700 }}>Cookie Preferences</h3>
+                <p style={{ margin: 0, lineHeight: 1.6, color: '#ffffff' }}>
+                  We use only essential functional cookies to ensure our website works properly. We do not collect
+                  personal data or use tracking cookies. Your privacy is important to us.
+                </p>
+                {config.showPrivacyNotice && (
+                  <div className="cookie-consent-banner__links" style={{ marginTop: 6 }}>
+                    <a
+                      href={config.privacyPolicyUrl}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      style={{ color: '#93c5fd', textDecoration: 'underline' }}
+                    >
+                      Privacy Policy
+                    </a>
+                  </div>
+                )}
+              </div>
            </div>
-            <div className="cookie-consent-banner__text">
-              <h3>Cookie Preferences</h3>
-              <p>
-                We use only essential functional cookies to ensure our website works properly. 
-                We do not collect personal data or use tracking cookies. Your privacy is important to us.
-              </p>
-              {config.showPrivacyNotice && (
-                <div className="cookie-consent-banner__links">
-                  <a href={config.privacyPolicyUrl} target="_blank" rel="noopener noreferrer">
-                    Privacy Policy
-                  </a>
-                  <a href={config.cookiePolicyUrl} target="_blank" rel="noopener noreferrer">
-                    Cookie Policy
-                  </a>
-                </div>
-              )}
+            <div
+              className="cookie-consent-banner__actions"
+              style={{ display: 'flex', justifyContent: 'flex-end', gap: 12, marginTop: 8 }}
+            >
+              <button
+                type="button"
+                className="cookie-consent-banner__btn cookie-consent-banner__btn--secondary"
+                onClick={showSettings}
+                style={{
+                  padding: '10px 14px',
+                  borderRadius: 10,
+                  border: '1px solid rgba(255,255,255,0.12)',
+                  background: 'transparent',
+                  color: '#e5e7eb',
+                  fontWeight: 600,
+                }}
+              >
+                <i className="fas fa-cog" style={{ marginRight: 8 }}></i>
+                Settings
+              </button>
+              <button
+                type="button"
+                className="cookie-consent-banner__btn cookie-consent-banner__btn--primary"
+                onClick={acceptNecessary}
+                style={{
+                  padding: '10px 14px',
+                  borderRadius: 10,
+                  border: '1px solid rgba(59,130,246,0.35)',
+                  background: 'linear-gradient(135deg, rgba(59,130,246,0.25), rgba(37,99,235,0.35))',
+                  color: '#ffffff',
+                  fontWeight: 700,
+                }}
+              >
+                <i className="fas fa-check" style={{ marginRight: 8 }}></i>
+                Accept Functional Only
+              </button>
            </div>
          </div>
-          <div className="cookie-consent-banner__actions">
-            <button
-              type="button"
-              className="cookie-consent-banner__btn cookie-consent-banner__btn--secondary"
-              onClick={showSettings}
-            >
-              <i className="fas fa-cog"></i>
-              Settings
-            </button>
-            <button
-              type="button"
-              className="cookie-consent-banner__btn cookie-consent-banner__btn--primary"
-              onClick={acceptNecessary}
-            >
-              <i className="fas fa-check"></i>
-              Accept Functional Only
-            </button>
-          </div>
-        </div>
+        </motion.div>
      </motion.div>
    </AnimatePresence>
  );
--- a/gnx-react/components/shared/layout/CookieConsentContext.tsx
+++ b/gnx-react/components/shared/layout/CookieConsentContext.tsx
@@ -64,8 +64,8 @@ const defaultPreferences: CookiePreferences = {
 const defaultConfig: CookieConsentConfig = {
  version: '2.0',
  companyName: 'Your Company Name',
-  privacyPolicyUrl: '/privacy-policy',
-  cookiePolicyUrl: '/cookie-policy',
+  privacyPolicyUrl: '/policy?type=privacy',
+  cookiePolicyUrl: '/policy?type=privacy',
  dataControllerEmail: 'privacy@yourcompany.com',
  retentionPeriod: 365, // 1 year
  enableAuditLog: true,
@@ -137,7 +137,6 @@ export const CookieConsentProvider: React.FC<{
          }
        }
      } catch (error) {
-        console.warn('Failed to load cookie preferences:', error);
      }
      
      // Show banner if no valid consent found
@@ -171,7 +170,6 @@ export const CookieConsentProvider: React.FC<{
        }));
      }
    } catch (error) {
-      console.warn('Failed to save cookie preferences:', error);
    }
  };

@@ -271,7 +269,6 @@ export const CookieConsentProvider: React.FC<{
    try {
      localStorage.removeItem(CONSENT_STORAGE_KEY);
    } catch (error) {
-      console.warn('Failed to reset cookie preferences:', error);
    }
    
    setState({
@@ -288,7 +285,6 @@ export const CookieConsentProvider: React.FC<{
    try {
      localStorage.removeItem(CONSENT_STORAGE_KEY);
    } catch (error) {
-      console.warn('Failed to withdraw consent:', error);
    }
    
    const auditEntry = config.enableAuditLog ? createAuditLogEntry('consent_withdrawn', defaultPreferences) : null;
@@ -386,7 +382,6 @@ export const useFunctional = () => {
      try {
        localStorage.setItem(`user-preference-${key}`, JSON.stringify(value));
      } catch (error) {
-        console.warn('Failed to save user preference:', error);
      }
    }
  };
@@ -397,7 +392,6 @@ export const useFunctional = () => {
        const saved = localStorage.getItem(`user-preference-${key}`);
        return saved ? JSON.parse(saved) : defaultValue;
      } catch (error) {
-        console.warn('Failed to load user preference:', error);
        return defaultValue;
      }
    }
@@ -406,7 +400,6 @@ export const useFunctional = () => {

  const rememberUserAction = (action: string, data?: any) => {
    if (isEnabled) {
-      console.log('User Action Remembered:', action, data);
      // Implement your user action tracking logic here
    }
  };
--- a/gnx-react/components/shared/layout/CookieConsentUtils.tsx
+++ b/gnx-react/components/shared/layout/CookieConsentUtils.tsx
@@ -26,7 +26,6 @@ export const useFunctional = () => {
      try {
        localStorage.setItem(`user-preference-${key}`, JSON.stringify(value));
      } catch (error) {
-        console.warn('Failed to save user preference:', error);
      }
    }
  };
@@ -37,7 +36,6 @@ export const useFunctional = () => {
        const saved = localStorage.getItem(`user-preference-${key}`);
        return saved ? JSON.parse(saved) : defaultValue;
      } catch (error) {
-        console.warn('Failed to load user preference:', error);
        return defaultValue;
      }
    }
@@ -46,7 +44,6 @@ export const useFunctional = () => {

  const rememberUserAction = (action: string, data?: any) => {
    if (canShow) {
-      console.log('User Action Remembered:', action, data);
      // Implement your user action tracking logic here
    }
  };
--- a/gnx-react/components/shared/layout/header/Header.tsx
+++ b/gnx-react/components/shared/layout/header/Header.tsx
@@ -24,7 +24,6 @@ const Header = () => {
    // Find the Services menu item and update its submenu with API data
    const servicesIndex = baseNavigation.findIndex(item => item.title === "Services");
    if (servicesIndex !== -1 && apiServices.length > 0) {
-      console.log('Replacing services with API data:', apiServices);
      baseNavigation[servicesIndex] = {
        ...baseNavigation[servicesIndex],
        submenu: apiServices.map(service => ({
@@ -37,8 +36,6 @@ const Header = () => {
          updated_at: service.updated_at
        }))
      } as any;
-    } else {
-      console.log('Using static services data. API services:', apiServices.length, 'Services index:', servicesIndex);
    }
    
    return baseNavigation;