gitea_admin/krishnasales_mobile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added floating button to the pages

Browse Source
This commit is contained in:
suryacp23 2026-07-16 16:24:25 +05:30
parent 83c9a27a96
commit bd71b0ae3f
3 changed files with 30 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/screens/DailyLogsPage.tsx
View File

@ -3,8 +3,8 @@ import { Modal } from '../components/reusable';
import { DailyLogsView } from '../components/rv';
import { DailyLogDetail } from '../components/dv';
import { useState } from 'react';
import { Button } from '../components/buttons/Button';
import { Plus } from 'lucide-react';
import { ClipboardList } from 'lucide-react';
import { DynamicForm } from '../components/forms/DynamicForm';
import { DAILY_REPORTS } from '../api/config';
import { dailyReportsClient } from '../api/clients';
@ -27,17 +27,20 @@ export function DailyLogsPage() {
const id = row.instance_id as number | string | undefined;
if (id != null) navigate(`/daily/${id}`);
}}
headerActions={
<Button size="sm" iconLeft={<Plus size={14} />} onClick={() => { setIsCreating(true); setCreateTitle("Punch In"); }}>
Punch In
</Button>
}
onPunchOutRow={(row) => {
setPunchOutInstanceId(row.instance_id as string | number);
setPunchOutTitle("Punch Out");
}}
/>
{/* Global Floating Action Button for Punch In */}
<button
onClick={() => { setIsCreating(true); setCreateTitle("Punch In"); }}
className="fixed bottom-24 right-6 w-[60px] h-[60px] bg-[var(--z-bg-primary-400)] rounded-3xl flex items-center justify-center shadow-[0_4px_12px_rgba(var(--z-bg-primary-400-rgb),0.4)] text-white z-40 hover:opacity-90 transition-transform hover:scale-105 active:scale-95 cursor-pointer"
>
<ClipboardList size={24} className="text-white" />
</button>
<Modal
open={isCreating}
onClose={() => setIsCreating(false)}

17
src/screens/OrdersPage.tsx
View File

@ -3,8 +3,8 @@ import { Modal } from '../components/reusable';
import { OrdersView } from '../components/rv';
import { OrderDetail } from '../components/dv';
import { useState } from 'react';
import { Button } from '../components/buttons/Button';
import { Plus } from 'lucide-react';
import { ShoppingBag } from 'lucide-react';
import { DynamicForm } from '../components/forms/DynamicForm';
import { ORDER_BOOKING } from '../api/config';
import { orderBookingClient } from '../api/clients';
@ -26,13 +26,16 @@ export function OrdersPage() {
const id = row.instance_id as number | string | undefined;
if (id != null) navigate(`/orders/${id}`);
}}
headerActions={
<Button size="sm" variant={'outline'} iconLeft={<Plus size={14} />} onClick={() => { setIsCreating(true); setCreateTitle("Place Order"); }}>
Place Order
</Button>
}
/>
{/* Global Floating Action Button for Place Order */}
<button
onClick={() => { setIsCreating(true); setCreateTitle("Place Order"); }}
className="fixed bottom-24 right-6 w-[60px] h-[60px] bg-[var(--z-bg-primary-400)] rounded-3xl flex items-center justify-center shadow-[0_4px_12px_rgba(var(--z-bg-primary-400-rgb),0.4)] text-white z-40 hover:opacity-90 transition-transform hover:scale-105 active:scale-95 cursor-pointer"
>
<ShoppingBag size={24} className="text-white" />
</button>
<Modal
open={isCreating}
onClose={() => setIsCreating(false)}

17
src/screens/StoresPage.tsx
View File

@ -3,8 +3,8 @@ import { useNavigate, useParams } from 'react-router-dom';
import { Modal } from '../components/reusable';
import { StoresView } from '../components/rv';
import { StoreDetail } from '../components/dv';
import { Button } from '../components/buttons/Button';
import { Plus } from 'lucide-react';
import { Store } from 'lucide-react';
import { DynamicForm } from '../components/forms/DynamicForm';
import { STORE } from '../api/config';
import { storeClient } from '../api/clients';
@ -27,17 +27,20 @@ export function StoresPage() {
const id = row.instance_id as number | string | undefined;
if (id != null) navigate(`/stores/${id}`);
}}
headerActions={
<Button size="sm" iconLeft={<Plus size={14} />} onClick={() => { setIsCreating(true); setCreateTitle("Create Store"); }}>
Create Store
</Button>
}
onEditRow={(row) => {
setEditingInstanceId(row.instance_id as string | number);
setEditTitle("Edit Store");
}}
/>
{/* Global Floating Action Button for Create Store */}
<button
onClick={() => { setIsCreating(true); setCreateTitle("Create Store"); }}
className="fixed bottom-24 right-6 w-[60px] h-[60px] bg-[var(--z-bg-primary-400)] rounded-3xl flex items-center justify-center shadow-[0_4px_12px_rgba(var(--z-bg-primary-400-rgb),0.4)] text-white z-40 hover:opacity-90 transition-transform hover:scale-105 active:scale-95 cursor-pointer"
>
<Store size={24} className="text-white" />
</button>
<Modal
open={isCreating}
onClose={() => setIsCreating(false)}