Release 1.0.0

.husky/pre-commit

@@ -1 +1 @@
-npm run precommit
+npx lint-staged

.lintstagedrc

@@ -1,10 +1,9 @@
 {
     "*/**/*.{js,jsx,ts,tsx}": [
-        "prettier --write",
-        "eslint --fix",
-        "eslint"
+        "npm run format",
+        "npm run lint:fix"
     ],
     "*/**/*.{json,css,md}": [
-        "prettier --write"
+        "npm run format"
     ]
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "dashboard",
-  "version": "0.4.0",
+  "version": "1.0.0",
   "private": true,
   "scripts": {
     "dev": "next dev",
@@ -17,7 +17,8 @@
   },
   "dependencies": {
     "@heroicons/react": "^2.2.0",
-    "@pharmatech/sdk": "^0.4.16",
+    "@pharmatech/sdk": "^0.4.21",
+    "@react-google-maps/api": "^2.20.6",
     "@react-pdf/renderer": "^4.3.0",
     "blob-stream": "^0.1.3",
     "cloudinary": "^2.6.0",

src/app/(dashboard)/branches/[id]/edit/page.tsx

@@ -203,7 +203,6 @@ export default function EditBranchPage() {
             helperText={errors.name}
             helperTextColor={Colors.semanticDanger}
             borderSize="1px"
-            borderColor="#E7E7E6"
             onChange={(e) => setName(e.target.value)}
           />
         </div>
@@ -249,7 +248,6 @@ export default function EditBranchPage() {
             helperText={errors.address}
             helperTextColor={Colors.semanticDanger}
             borderSize="1px"
-            borderColor="#E7E7E6"
             onChange={(e) => setAddress(e.target.value)}
           />
         </div>
@@ -263,7 +261,6 @@ export default function EditBranchPage() {
               helperText={errors.latitude}
               helperTextColor={Colors.semanticDanger}
               borderSize="1px"
-              borderColor="#E7E7E6"
               onChange={(e) => setLatitude(e.target.value)}
             />
           </div>
@@ -275,7 +272,6 @@ export default function EditBranchPage() {
               helperText={errors.longitude}
               helperTextColor={Colors.semanticDanger}
               borderSize="1px"
-              borderColor="#E7E7E6"
               onChange={(e) => setLongitude(e.target.value)}
             />
           </div>

src/app/(dashboard)/branches/[id]/page.tsx

@@ -12,6 +12,7 @@ import { REDIRECTION_TIMEOUT } from '@/lib/utils/contants';
 import { useAuth } from '@/context/AuthContext';
 import { BranchResponse } from '@pharmatech/sdk';
 import Input from '@/components/Input/Input';
+import Loader from '@/components/Loader';
 
 export default function BranchDetailsPage() {
   const params = useParams();
@@ -165,7 +166,7 @@ export default function BranchDetailsPage() {
           </div>
         </div>
       ) : (
-        <p className="text-[16px]">Cargando datos de la sucursal...</p>
+        <Loader />
       )}
     </>
   );

src/app/(dashboard)/branches/new/page.tsx

@@ -10,6 +10,8 @@ import Dropdown from '@/components/Dropdown';
 import { toast } from 'react-toastify';
 import { StateResponse, CityResponse } from '@pharmatech/sdk';
 import Input from '@/components/Input/Input';
+import GoogleMaps from '@/components/GoogleMap/GoogleMap';
+//import { BranchMarker } from '@/components/GoogleMap/GoogleMap';
 
 /// This is a constant that represents the ID of Venezuela.
 const COUNTRY_ID = '1238bc2a-45a5-47e4-9cc1-68d573089ca1';
@@ -29,6 +31,12 @@ export default function NewBranchPage() {
   const [cityId, setCityId] = useState('');
 
   const [errors, setErrors] = useState<Record<string, string>>({});
+  // No branches data available, so markers will be empty
+
+  const mapCenter = {
+    lat: parseFloat(latitude || '10.0653'),
+    lng: parseFloat(longitude || '-69.3235'),
+  };
 
   const fetchStates = async () => {
     try {
@@ -188,7 +196,6 @@ export default function NewBranchPage() {
             helperText={errors.name}
             helperTextColor={Colors.semanticDanger}
             borderSize="1px"
-            borderColor="#E7E7E6"
             value={name}
             onChange={(e) => setName(e.target.value)}
           />
@@ -233,7 +240,6 @@ export default function NewBranchPage() {
             helperText={errors.address}
             helperTextColor={Colors.semanticDanger}
             borderSize="1px"
-            borderColor="#E7E7E6"
             onChange={(e) => setAddress(e.target.value)}
           />
         </div>
@@ -247,7 +253,6 @@ export default function NewBranchPage() {
               helperText={errors.latitude}
               helperTextColor={Colors.semanticDanger}
               borderSize="1px"
-              borderColor="#E7E7E6"
               onChange={(e) => setLatitude(e.target.value)}
             />
           </div>
@@ -259,10 +264,21 @@ export default function NewBranchPage() {
               helperText={errors.longitude}
               helperTextColor={Colors.semanticDanger}
               borderSize="1px"
-              borderColor="#E7E7E6"
               onChange={(e) => setLongitude(e.target.value)}
             />
           </div>
+          <div>
+            <GoogleMaps
+              center={mapCenter}
+              draggable
+              onCoordinateChange={(lat, lng) => {
+                setLatitude(lat.toFixed(6).toString());
+                setLongitude(lng.toFixed(6).toString());
+              }}
+              mapWidth="200%"
+              mapHeight="220px"
+            />
+          </div>
         </div>
       </div>
     </>

src/app/(dashboard)/branches/page.tsx

@@ -163,11 +163,8 @@ export default function BranchesPage() {
           },
           itemsPerPageOptions: [5, 10, 15, 20],
         }}
+        isLoading={isLoading}
       />
-
-      {isLoading && (
-        <div className="mt-4 text-center">Cargando sucursales...</div>
-      )}
     </div>
   );
 }

src/app/(dashboard)/categories/[id]/edit/page.tsx

@@ -152,7 +152,6 @@ export default function EditCategoryPage() {
             helperText={errors.name}
             helperTextColor={Colors.semanticDanger}
             borderSize="1px"
-            borderColor="#d1d5db"
           />
 
           <Input
@@ -166,7 +165,6 @@ export default function EditCategoryPage() {
             helperText={errors.description}
             helperTextColor={Colors.semanticDanger}
             borderSize="1px"
-            borderColor="#d1d5db"
             type="text"
             isTextArea
             rows={4}

src/app/(dashboard)/categories/new/page.tsx

@@ -116,7 +116,6 @@ export default function NewCategoryPage() {
             }}
             helperText={errors.name}
             helperTextColor={Colors.semanticDanger}
-            borderColor="#d1d5db"
             borderSize="1px"
           />
 
@@ -130,7 +129,6 @@ export default function NewCategoryPage() {
             }}
             helperText={errors.description}
             helperTextColor={Colors.semanticDanger}
-            borderColor="#d1d5db"
             type="text"
             borderSize="1px"
             isTextArea

src/app/(dashboard)/categories/page.tsx

@@ -113,11 +113,8 @@ export default function CategoriesPage() {
           },
           itemsPerPageOptions: [5, 10, 15, 20],
         }}
+        isLoading={isLoading}
       />
-
-      {isLoading && (
-        <div className="mt-4 text-center">Cargando categorías...</div>
-      )}
     </div>
   );
 }