frontend: add sanitizer to internal user & clean up logs

This sanitizer is kind of dumb, but, it'll do for now

Pedro Lucas Porcellis porcellis@eletrotupi.com 1 month ago 316a81f611bd540e01543b7804761dc5348f1352

Parents: ba96371

1 file(s) changed

frontend/context/AuthContext.tsx +18 -6

frontend/context/AuthContext.tsx

@@ -14,6 +14,8 @@ firstName: string;
        lastName?: string;
        email: string;
        updatedAt: date;
  +     avatarURL?: string;
  +     avatarKey?: string;
      }) => void;
      login: (email: string, password: string) => Promise<void>;
      signup: (userData: {

@@ -27,6 +29,19 @@ forgotPassword: (email: string) => Promise<{ message: string; token?: string }>;
      resetPassword: (token: string, password: string) => Promise<void>;
    }
    
  + 
  + export function sanitizeUser(data: any): User {
  +   return {
  +     id: data.id,
  +     email: data.email,
  +     firstName: data.firstName,
  +     lastName: data.lastName,
  +     updatedAt: data.updatedAt,
  +     avatarKey: data.avatarKey,
  +     avatarURL: data.avatarURL,
  +   };
  + }
  + 
    const AuthContext = createContext<AuthContextType | null>(null);
    
    export function useAuth() {

@@ -41,10 +56,7 @@
    export const AuthProvider = ({ children }: AuthProviderProps) => {
      const [user, setUser] = useState<User | null>(null);
      const [isLoading, setIsLoading] = useState(true);
  - 
  -   console.log("user & auth", isAuthenticated, user)
      const isAuthenticated = !!user;
  -   console.log("after user & auth", isAuthenticated, user)
    
      // Check for existing authentication on app start
      useEffect(() => {

@@ -54,11 +66,9 @@
      const checkAuthState = async () => {
        try {
          const { token } = await apiClient.getStoredAuthData();
  -       console.log("We have a token?", token);
    
          if (token) {
            const verifyResponse = await apiClient.verifyToken();
  -         console.log("Checking response: ", verifyResponse)
            if (verifyResponse.valid && verifyResponse.userId && verifyResponse.email) {
              // TODO: Fetch the full user profile
              // For now, we'll create a basic user object

@@ -67,6 +77,8 @@ id: verifyResponse.userId,
                email: verifyResponse.email,
                firstName: verifyResponse.user.firstName,
                lastName: verifyResponse.user.lastName,
  +             avatarURL: verifyResponse.user.avatarURL,
  +             avatarKey: verifyResponse.user.avatarKey
              });
            }
          }

@@ -124,7 +136,7 @@ await apiClient.resetPassword(token, password);
      };
    
      const updateAuthUser = (user) => {
  -     setUser(user);
  +     setUser(sanitizeUser(user));
      }
    
      const value: AuthContextType = {