From 5e8497c7883a67be49b39d4f2351467722e2360c Mon Sep 17 00:00:00 2001
From: Hiren F <146440442+hirenf14@users.noreply.github.com>
Date: Mon, 11 Mar 2024 11:42:25 +0530
Subject: [PATCH] fix: user views folder name corrected

---
 apps/platform/src/router/router.tsx           |   4 +-
 .../src/views/{user  => user}/info.view.tsx   |  30 +-
 .../{user  => user}/profile-security.view.tsx | 406 +++++++++---------
 3 files changed, 220 insertions(+), 220 deletions(-)
 rename apps/platform/src/views/{user  => user}/info.view.tsx (96%)
 rename apps/platform/src/views/{user  => user}/profile-security.view.tsx (96%)

diff --git a/apps/platform/src/router/router.tsx b/apps/platform/src/router/router.tsx
index d4d8af0..37dfdba 100644
--- a/apps/platform/src/router/router.tsx
+++ b/apps/platform/src/router/router.tsx
@@ -5,7 +5,7 @@ import { SignUpView } from '../views/auth/signUp.view'
 import { pages } from '@isomera/impl'
 import { PasswordResetView } from '../views/auth/passwordReset.view'
 import { PasswordResetConfirmView } from '../views/auth/passwordResetConfirm.view'
-import { UserInfoView } from '../views/user /info.view'
+import { UserInfoView } from '../views/user/info.view'
 import PublicRoute from './publicRoute'
 import { VerificationCodeView } from '../views/auth/verificationCode.view'
 
@@ -13,7 +13,7 @@ import { Routes, Route } from 'react-router-dom'
 import PrivateRoute from './privateRoute'
 import { PublicLayout } from '../layouts/public.layout'
 import { PrivateLayout } from '../layouts/private.layout'
-import { UserSecurityView } from '../views/user /profile-security.view'
+import { UserSecurityView } from '../views/user/profile-security.view'
 import { Verify2FAView } from '../views/auth/auth2FA.view'
 import { Recovery2FAView } from '../views/auth/recovery.view'
 import { Disable2FAView } from '../views/auth/disable-2fa.view'
diff --git a/apps/platform/src/views/user /info.view.tsx b/apps/platform/src/views/user/info.view.tsx
similarity index 96%
rename from apps/platform/src/views/user /info.view.tsx
rename to apps/platform/src/views/user/info.view.tsx
index b44ebe6..1d108c8 100644
--- a/apps/platform/src/views/user /info.view.tsx	
+++ b/apps/platform/src/views/user/info.view.tsx
@@ -1,15 +1,15 @@
-import { Link } from 'react-router-dom'
-import useSession from '../../hooks/useSession'
-
-export const UserInfoView = () => {
-  const { user } = useSession()
-
-  return (
-    <div>
-      Profile here
-      <div>First Name: {user?.firstName}</div>
-      <div>Last Name: {user?.lastName}</div>
-      <Link to={'/settings/profile/security'}>Security</Link>
-    </div>
-  )
-}
+import { Link } from 'react-router-dom'
+import useSession from '../../hooks/useSession'
+
+export const UserInfoView = () => {
+  const { user } = useSession()
+
+  return (
+    <div>
+      Profile here
+      <div>First Name: {user?.firstName}</div>
+      <div>Last Name: {user?.lastName}</div>
+      <Link to={'/settings/profile/security'}>Security</Link>
+    </div>
+  )
+}
diff --git a/apps/platform/src/views/user /profile-security.view.tsx b/apps/platform/src/views/user/profile-security.view.tsx
similarity index 96%
rename from apps/platform/src/views/user /profile-security.view.tsx
rename to apps/platform/src/views/user/profile-security.view.tsx
index 87df436..4417156 100644
--- a/apps/platform/src/views/user /profile-security.view.tsx	
+++ b/apps/platform/src/views/user/profile-security.view.tsx
@@ -1,203 +1,203 @@
-import React, { useEffect, useState } from 'react'
-import useSession from '../../hooks/useSession'
-import { useTwoFactorAuthHook } from '../../hooks/use2FA'
-import { setAuthState } from '@isomera/impl'
-import { UserInterface } from '@isomera/interfaces'
-
-export const UserSecurityView: React.FC = () => {
-  const { generate2FA, verify2FA, turnOff2FA, isLoading } =
-    useTwoFactorAuthHook()
-  const [qrCodeImage, setQrCodeImage] = useState<string | null>(null)
-  const [code, setCode] = useState('')
-  const [verificationError, setVerificationError] = useState<string | null>(
-    null
-  )
-  const {
-    user,
-    recoveryCodes,
-    updateRecoveryCodes,
-    recoveryViewed,
-    updateRecoveryViewed,
-    setUser
-  } = useSession()
-
-  const [showRecoveryCodes, setShowRecoveryCodes] = useState(false)
-
-  useEffect(() => {
-    let hideTimer: NodeJS.Timeout | null = null
-    if (recoveryCodes && !recoveryViewed && !showRecoveryCodes) {
-      setShowRecoveryCodes(true)
-      hideTimer = setTimeout(() => {
-        setShowRecoveryCodes(false)
-        updateRecoveryViewed()
-      }, 60000)
-    }
-
-    return () => {
-      if (hideTimer) {
-        clearTimeout(hideTimer)
-      }
-    }
-  }, [recoveryCodes, recoveryViewed, showRecoveryCodes, updateRecoveryViewed])
-
-  const [isTwoFAEnabled, setIsTwoFAEnabled] = useState<boolean>(
-    user?.isTwoFAEnabled ?? false
-  )
-
-  const handleToggle2FA = async (): Promise<void> => {
-    if (!isTwoFAEnabled) {
-      try {
-        const response = await generate2FA()
-        if (response.status === 'ok') {
-          setQrCodeImage(response.image)
-        } else {
-          console.error('Failed to turn on 2FA:', response)
-        }
-      } catch (error) {
-        console.error('Error turning on 2FA:', error)
-      }
-    }
-  }
-
-  const handle2FAToggleChange = (
-    event: React.ChangeEvent<HTMLInputElement>
-  ) => {
-    setIsTwoFAEnabled(event.target.checked)
-    if (!isTwoFAEnabled) {
-      handleToggle2FA()
-    }
-  }
-
-  const handleSubmitCode = async (e: React.FormEvent) => {
-    e.preventDefault()
-    try {
-      const codeNoSpace = code.split(' ').join('')
-      const response = await verify2FA({ code: codeNoSpace })
-      if (response.status === 'ok' && response.secret) {
-        updateRecoveryCodes([response.secret])
-        setQrCodeImage(null)
-        setCode('')
-      } else {
-        setVerificationError('Failed to verify 2FA code.')
-      }
-    } catch (error) {
-      console.error('Error verifying 2FA code:', error)
-      setVerificationError('An error occurred while verifying the 2FA code.')
-    }
-  }
-
-  const handleTurnoff2FA = async (e: React.FormEvent) => {
-    e.preventDefault()
-    try {
-      const codeNoSpace = code.split(' ').join('')
-      const { status, access_token, refresh_token } = await turnOff2FA({
-        code: codeNoSpace
-      })
-      if (status === 'ok') {
-        setCode('')
-        setAuthState({ accessToken: access_token, refreshToken: refresh_token })
-        const newUser = { ...user }
-        newUser.isTwoFAEnabled = false
-        newUser.accessToken = access_token
-        newUser.refreshToken = refresh_token
-        setUser(newUser as UserInterface)
-      } else {
-        setVerificationError('Failed to verify 2FA code.')
-      }
-    } catch (error) {
-      console.error('Error verifying 2FA code:', error)
-      setVerificationError('An error occurred while verifying the 2FA code.')
-    }
-  }
-
-  useEffect(() => {
-    if (user) {
-      setIsTwoFAEnabled(user.isTwoFAEnabled)
-    }
-  }, [user, user?.isTwoFAEnabled])
-
-  return (
-    <div>
-      <h1>Security page</h1>
-      {!qrCodeImage && (
-        <label>
-          <input
-            type="checkbox"
-            checked={isTwoFAEnabled}
-            onChange={handle2FAToggleChange}
-            disabled={isLoading}
-          />
-          {isTwoFAEnabled ? '2FA Enabled' : 'Enable 2FA'}
-        </label>
-      )}
-      {user?.isTwoFAEnabled && !isTwoFAEnabled && (
-        <form onSubmit={handleTurnoff2FA}>
-          <div>
-            <label>
-              Enter the code from your authenticator app:
-              {''}
-              <input
-                type="text"
-                value={code}
-                onChange={e => setCode(e.target.value)}
-                required
-              />
-            </label>
-          </div>
-          <button type="submit">Verify Code</button>
-          {verificationError && (
-            <p style={{ color: 'red' }}>{verificationError}</p>
-          )}
-        </form>
-      )}
-      {qrCodeImage && (
-        <>
-          <p>
-            Open your Authenticator app, for example, Google Authenticator, DUO,
-            Microsoft Security app, and scan the QR code:
-          </p>
-          <img src={qrCodeImage} alt="2FA QR Code" />
-          <form onSubmit={handleSubmitCode}>
-            <div>
-              <label>
-                Enter the code from your authenticator app:
-                {''}
-                <input
-                  type="text"
-                  value={code}
-                  onChange={e => setCode(e.target.value)}
-                  required
-                />
-              </label>
-            </div>
-            <button type="submit">Verify Code</button>
-            {verificationError && (
-              <p style={{ color: 'red' }}>{verificationError}</p>
-            )}
-          </form>
-        </>
-      )}
-      {!recoveryViewed && recoveryCodes && (
-        <div>
-          <h2>Recovery Codes</h2>
-          <p className="  text-red-500">
-            Keep these codes in a safe place. You can use them to recover access
-            to your account if you lose your 2FA device.
-            <br />
-            These will be available for one minute only.
-          </p>
-          <ul>
-            {recoveryCodes.map((code, index) => (
-              <li key={index}>{code}</li>
-            ))}
-          </ul>
-          <div>
-            <button onClick={updateRecoveryViewed}>
-              I have saved my recovery codes
-            </button>
-          </div>
-        </div>
-      )}
-    </div>
-  )
-}
+import React, { useEffect, useState } from 'react'
+import useSession from '../../hooks/useSession'
+import { useTwoFactorAuthHook } from '../../hooks/use2FA'
+import { setAuthState } from '@isomera/impl'
+import { UserInterface } from '@isomera/interfaces'
+
+export const UserSecurityView: React.FC = () => {
+  const { generate2FA, verify2FA, turnOff2FA, isLoading } =
+    useTwoFactorAuthHook()
+  const [qrCodeImage, setQrCodeImage] = useState<string | null>(null)
+  const [code, setCode] = useState('')
+  const [verificationError, setVerificationError] = useState<string | null>(
+    null
+  )
+  const {
+    user,
+    recoveryCodes,
+    updateRecoveryCodes,
+    recoveryViewed,
+    updateRecoveryViewed,
+    setUser
+  } = useSession()
+
+  const [showRecoveryCodes, setShowRecoveryCodes] = useState(false)
+
+  useEffect(() => {
+    let hideTimer: NodeJS.Timeout | null = null
+    if (recoveryCodes && !recoveryViewed && !showRecoveryCodes) {
+      setShowRecoveryCodes(true)
+      hideTimer = setTimeout(() => {
+        setShowRecoveryCodes(false)
+        updateRecoveryViewed()
+      }, 60000)
+    }
+
+    return () => {
+      if (hideTimer) {
+        clearTimeout(hideTimer)
+      }
+    }
+  }, [recoveryCodes, recoveryViewed, showRecoveryCodes, updateRecoveryViewed])
+
+  const [isTwoFAEnabled, setIsTwoFAEnabled] = useState<boolean>(
+    user?.isTwoFAEnabled ?? false
+  )
+
+  const handleToggle2FA = async (): Promise<void> => {
+    if (!isTwoFAEnabled) {
+      try {
+        const response = await generate2FA()
+        if (response.status === 'ok') {
+          setQrCodeImage(response.image)
+        } else {
+          console.error('Failed to turn on 2FA:', response)
+        }
+      } catch (error) {
+        console.error('Error turning on 2FA:', error)
+      }
+    }
+  }
+
+  const handle2FAToggleChange = (
+    event: React.ChangeEvent<HTMLInputElement>
+  ) => {
+    setIsTwoFAEnabled(event.target.checked)
+    if (!isTwoFAEnabled) {
+      handleToggle2FA()
+    }
+  }
+
+  const handleSubmitCode = async (e: React.FormEvent) => {
+    e.preventDefault()
+    try {
+      const codeNoSpace = code.split(' ').join('')
+      const response = await verify2FA({ code: codeNoSpace })
+      if (response.status === 'ok' && response.secret) {
+        updateRecoveryCodes([response.secret])
+        setQrCodeImage(null)
+        setCode('')
+      } else {
+        setVerificationError('Failed to verify 2FA code.')
+      }
+    } catch (error) {
+      console.error('Error verifying 2FA code:', error)
+      setVerificationError('An error occurred while verifying the 2FA code.')
+    }
+  }
+
+  const handleTurnoff2FA = async (e: React.FormEvent) => {
+    e.preventDefault()
+    try {
+      const codeNoSpace = code.split(' ').join('')
+      const { status, access_token, refresh_token } = await turnOff2FA({
+        code: codeNoSpace
+      })
+      if (status === 'ok') {
+        setCode('')
+        setAuthState({ accessToken: access_token, refreshToken: refresh_token })
+        const newUser = { ...user }
+        newUser.isTwoFAEnabled = false
+        newUser.accessToken = access_token
+        newUser.refreshToken = refresh_token
+        setUser(newUser as UserInterface)
+      } else {
+        setVerificationError('Failed to verify 2FA code.')
+      }
+    } catch (error) {
+      console.error('Error verifying 2FA code:', error)
+      setVerificationError('An error occurred while verifying the 2FA code.')
+    }
+  }
+
+  useEffect(() => {
+    if (user) {
+      setIsTwoFAEnabled(user.isTwoFAEnabled)
+    }
+  }, [user, user?.isTwoFAEnabled])
+
+  return (
+    <div>
+      <h1>Security page</h1>
+      {!qrCodeImage && (
+        <label>
+          <input
+            type="checkbox"
+            checked={isTwoFAEnabled}
+            onChange={handle2FAToggleChange}
+            disabled={isLoading}
+          />
+          {isTwoFAEnabled ? '2FA Enabled' : 'Enable 2FA'}
+        </label>
+      )}
+      {user?.isTwoFAEnabled && !isTwoFAEnabled && (
+        <form onSubmit={handleTurnoff2FA}>
+          <div>
+            <label>
+              Enter the code from your authenticator app:
+              {''}
+              <input
+                type="text"
+                value={code}
+                onChange={e => setCode(e.target.value)}
+                required
+              />
+            </label>
+          </div>
+          <button type="submit">Verify Code</button>
+          {verificationError && (
+            <p style={{ color: 'red' }}>{verificationError}</p>
+          )}
+        </form>
+      )}
+      {qrCodeImage && (
+        <>
+          <p>
+            Open your Authenticator app, for example, Google Authenticator, DUO,
+            Microsoft Security app, and scan the QR code:
+          </p>
+          <img src={qrCodeImage} alt="2FA QR Code" />
+          <form onSubmit={handleSubmitCode}>
+            <div>
+              <label>
+                Enter the code from your authenticator app:
+                {''}
+                <input
+                  type="text"
+                  value={code}
+                  onChange={e => setCode(e.target.value)}
+                  required
+                />
+              </label>
+            </div>
+            <button type="submit">Verify Code</button>
+            {verificationError && (
+              <p style={{ color: 'red' }}>{verificationError}</p>
+            )}
+          </form>
+        </>
+      )}
+      {!recoveryViewed && recoveryCodes && (
+        <div>
+          <h2>Recovery Codes</h2>
+          <p className="  text-red-500">
+            Keep these codes in a safe place. You can use them to recover access
+            to your account if you lose your 2FA device.
+            <br />
+            These will be available for one minute only.
+          </p>
+          <ul>
+            {recoveryCodes.map((code, index) => (
+              <li key={index}>{code}</li>
+            ))}
+          </ul>
+          <div>
+            <button onClick={updateRecoveryViewed}>
+              I have saved my recovery codes
+            </button>
+          </div>
+        </div>
+      )}
+    </div>
+  )
+}