@visns-studio/visns-components 5.10.9 → 5.10.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/src/components/crm/client/ClientPortal.jsx +53 -20
  3. package/src/components/crm/generic/styles/GenericClientPortal.module.scss +6 -4
package/package.json CHANGED
@@ -87,7 +87,7 @@
87
87
  "react-dom": "^17.0.0 || ^18.0.0"
88
88
  },
89
89
  "name": "@visns-studio/visns-components",
90
- "version": "5.10.9",
90
+ "version": "5.10.10",
91
91
  "description": "Various packages to assist in the development of our Custom Applications.",
92
92
  "main": "src/index.js",
93
93
  "files": [
package/src/components/crm/client/ClientPortal.jsx CHANGED
@@ -6,7 +6,12 @@ import CustomFetch from '../Fetch';
6
6
 
7
7
  import styles from './styles/ClientPortal.module.scss';
8
8
 
9
- const ClientPortal = ({ clientProfile, setClientProfile, setClientAuth, logo }) => {
9
+ const ClientPortal = ({
10
+ clientProfile,
11
+ setClientProfile,
12
+ setClientAuth,
13
+ logo,
14
+ }) => {
10
15
  const handleLogout = async () => {
11
16
  try {
12
17
  await CustomFetch('/client/logout', 'POST');
@@ -22,13 +27,23 @@ const ClientPortal = ({ clientProfile, setClientProfile, setClientAuth, logo })
22
27
  <div className={styles.portalContainer}>
23
28
  <header className={styles.portalHeader}>
24
29
  <div className={styles.logoContainer}>
25
- <img src={logo} alt="Client Portal" className={styles.logo} />
30
+ <img
31
+ src={logo}
32
+ alt="Client Portal"
33
+ className={styles.logo}
34
+ />
26
35
  </div>
27
36
  <div className={styles.userInfo}>
28
37
  <span className={styles.welcomeText}>
29
- Welcome, <strong>{clientProfile.name || clientProfile.email}</strong>
38
+ Welcome,{' '}
39
+ <strong>
40
+ {clientProfile.name || clientProfile.email}
41
+ </strong>
30
42
  </span>
31
- <button onClick={handleLogout} className={styles.logoutButton}>
43
+ <button
44
+ onClick={handleLogout}
45
+ className={styles.logoutButton}
46
+ >
32
47
  Logout
33
48
  </button>
34
49
  </div>
@@ -39,17 +54,26 @@ const ClientPortal = ({ clientProfile, setClientProfile, setClientAuth, logo })
39
54
  <nav className={styles.navigation}>
40
55
  <ul>
41
56
  <li>
42
- <Link to="/client/portal" className={styles.navLink}>
57
+ <Link
58
+ to="/client/portal"
59
+ className={styles.navLink}
60
+ >
43
61
  Dashboard
44
62
  </Link>
45
63
  </li>
46
64
  <li>
47
- <Link to="/client/portal/profile" className={styles.navLink}>
65
+ <Link
66
+ to="/client/portal/profile"
67
+ className={styles.navLink}
68
+ >
48
69
  My Profile
49
70
  </Link>
50
71
  </li>
51
72
  <li>
52
- <Link to="/client/portal/documents" className={styles.navLink}>
73
+ <Link
74
+ to="/client/portal/documents"
75
+ className={styles.navLink}
76
+ >
53
77
  Documents
54
78
  </Link>
55
79
  </li>
@@ -59,17 +83,26 @@ const ClientPortal = ({ clientProfile, setClientProfile, setClientAuth, logo })
59
83
 
60
84
  <div className={styles.mainContent}>
61
85
  <Routes>
62
- <Route
63
- path="/"
64
- element={<Dashboard clientProfile={clientProfile} />}
86
+ <Route
87
+ path="/"
88
+ element={
89
+ <Dashboard clientProfile={clientProfile} />
90
+ }
65
91
  />
66
- <Route
67
- path="/profile"
68
- element={<Profile clientProfile={clientProfile} setClientProfile={setClientProfile} />}
92
+ <Route
93
+ path="/profile"
94
+ element={
95
+ <Profile
96
+ clientProfile={clientProfile}
97
+ setClientProfile={setClientProfile}
98
+ />
99
+ }
69
100
  />
70
- <Route
71
- path="/documents"
72
- element={<Documents clientProfile={clientProfile} />}
101
+ <Route
102
+ path="/documents"
103
+ element={
104
+ <Documents clientProfile={clientProfile} />
105
+ }
73
106
  />
74
107
  </Routes>
75
108
  </div>
@@ -86,11 +119,11 @@ const Dashboard = ({ clientProfile }) => {
86
119
  <div className={styles.welcomeCard}>
87
120
  <h2>Welcome to your Client Portal</h2>
88
121
  <p>
89
- This is your personal dashboard where you can access your documents,
90
- update your profile, and more.
122
+ This is your personal dashboard where you can access your
123
+ documents, update your profile, and more.
91
124
  </p>
92
125
  </div>
93
-
126
+
94
127
  <div className={styles.statsGrid}>
95
128
  <div className={styles.statCard}>
96
129
  <h3>Documents</h3>
@@ -138,7 +171,7 @@ const Documents = ({ clientProfile }) => {
138
171
  <div className={styles.documentsContainer}>
139
172
  <h1>Documents</h1>
140
173
  <p>Your documents will appear here.</p>
141
-
174
+
142
175
  <div className={styles.documentsList}>
143
176
  <div className={styles.documentCard}>
144
177
  <h3>Sample Document 1</h3>
package/src/components/crm/generic/styles/GenericClientPortal.module.scss CHANGED
@@ -33,17 +33,19 @@
33
33
  background-color: var(--tertiary-color, white);
34
34
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
35
35
  z-index: 10;
36
- height: 48px; // Fixed height for more compact look
36
+ height: 64px; // Increased height to accommodate larger logo
37
37
  }
38
38
 
39
39
  .logoContainer {
40
40
  display: flex;
41
41
  align-items: center;
42
+ margin-left: -1.25rem;
43
+ padding-left: 0.5rem;
42
44
  }
43
45
 
44
46
  .logo {
45
- height: 28px;
46
- max-width: 140px;
47
+ height: 52px;
48
+ max-width: 250px;
47
49
  object-fit: contain;
48
50
  }
49
51
 
@@ -82,7 +84,7 @@
82
84
  .portalContent {
83
85
  display: flex;
84
86
  flex: 1;
85
- height: calc(100vh - 48px); // Subtract header height
87
+ height: calc(100vh - 64px); // Subtract header height
86
88
  }
87
89
 
88
90
  .mainContent {