feat(frontend): add initial frontend structure with components, services, and assets

2025-05-24 09:51:34 -03:00
parent 482c1693d1
commit 956d16a854
218 changed files with 44036 additions and 1464 deletions
--- a/frontend/components/ImpersonationBar.tsx
+++ b/frontend/components/ImpersonationBar.tsx
@@ -0,0 +1,129 @@
+/*
+┌──────────────────────────────────────────────────────────────────────────────┐
+│ @author: Davidson Gomes                                                      │
+│ @file: /app/components/ImpersonationBar.tsx                                  │
+│ Developed by: Davidson Gomes                                                 │
+│ Creation date: May 13, 2025                                                  │
+│ Contact: contato@evolution-api.com                                           │
+├──────────────────────────────────────────────────────────────────────────────┤
+│ @copyright © Evolution API 2025. All rights reserved.                        │
+│ Licensed under the Apache License, Version 2.0                               │
+│                                                                              │
+│ You may not use this file except in compliance with the License.             │
+│ You may obtain a copy of the License at                                      │
+│                                                                              │
+│    http://www.apache.org/licenses/LICENSE-2.0                                │
+│                                                                              │
+│ Unless required by applicable law or agreed to in writing, software          │
+│ distributed under the License is distributed on an "AS IS" BASIS,            │
+│ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.     │
+│ See the License for the specific language governing permissions and          │
+│ limitations under the License.                                               │
+├──────────────────────────────────────────────────────────────────────────────┤
+│ @important                                                                   │
+│ For any future changes to the code in this file, it is recommended to        │
+│ include, together with the modification, the information of the developer    │
+│ who changed it and the date of modification.                                 │
+└──────────────────────────────────────────────────────────────────────────────┘
+*/
+"use client";
+
+import { useState, useEffect } from "react";
+import { Button } from "@/components/ui/button";
+import { useRouter } from "next/navigation";
+import { useToast } from "@/hooks/use-toast";
+import { UserX } from "lucide-react";
+
+export default function ImpersonationBar() {
+  const [isImpersonating, setIsImpersonating] = useState(false);
+  const [clientName, setClientName] = useState("");
+  const router = useRouter();
+  const { toast } = useToast();
+
+  const checkImpersonation = () => {
+    if (typeof window === 'undefined') return;
+    
+    const lsImpersonating = localStorage.getItem('isImpersonating') === 'true';
+    
+    const cookieImpersonating = document.cookie
+      .split('; ')
+      .find(row => row.startsWith('isImpersonating='))
+      ?.split('=')[1] === 'true';
+    
+    let name = localStorage.getItem('impersonatedClient') || '';
+    
+    if (!name) {
+      const clientNameCookie = document.cookie
+        .split('; ')
+        .find(row => row.startsWith('impersonatedClient='));
+      
+      if (clientNameCookie) {
+        name = decodeURIComponent(clientNameCookie.split('=')[1]);
+      }
+    }
+    
+    setIsImpersonating(lsImpersonating || cookieImpersonating);
+    setClientName(name);
+  };
+
+  useEffect(() => {
+    checkImpersonation();
+    
+    const intervalId = setInterval(checkImpersonation, 2000);
+    
+    window.addEventListener('storage', checkImpersonation);
+    
+    return () => {
+      clearInterval(intervalId);
+      window.removeEventListener('storage', checkImpersonation);
+    };
+  }, []);
+
+  const handleExitImpersonation = () => {
+    const adminUserJson = localStorage.getItem('adminUser');
+    if (adminUserJson) {
+      localStorage.setItem('user', adminUserJson);
+      document.cookie = `user=${encodeURIComponent(adminUserJson)}; path=/; max-age=${60 * 60 * 24 * 7}`;
+      localStorage.removeItem('adminUser');
+    }
+    
+    localStorage.removeItem('isImpersonating');
+    localStorage.removeItem('impersonatedClient');
+    
+    document.cookie = 'isImpersonating=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT';
+    document.cookie = 'impersonatedClient=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT';
+    
+    const adminToken = localStorage.getItem('adminToken');
+    if (adminToken) {
+      document.cookie = `access_token=${adminToken}; path=/; max-age=${60 * 60 * 24 * 7}`;
+      localStorage.setItem('access_token', adminToken);
+      localStorage.removeItem('adminToken');
+    }
+    
+    toast({
+      title: "Admin mode restored",
+      description: "You are no longer impersonating a client",
+    });
+    
+    router.push('/clients');
+  };
+
+  if (!isImpersonating) return null;
+
+  return (
+    <div className="bg-[#a4fc9c] text-black py-2 px-4 sticky top-0 z-50">
+      <div className="container mx-auto flex justify-between items-center">
+        <p>
+          You are viewing as a client: <span className="font-bold">{clientName}</span>
+        </p>
+        <Button
+          onClick={handleExitImpersonation}
+          className="bg-black text-white hover:bg-neutral-800 flex items-center gap-2"
+        >
+          <UserX className="h-4 w-4" />
+          Back to admin
+        </Button>
+      </div>
+    </div>
+  );
+}