feat: Update assets and improve code comments across multiple components

- Updated favicon and various image assets.
- Enhanced comments.
- Adjusted styles and functionality in several components for improved user experience.
- Updated package-lock.json to reflect dependency updates.
This commit is contained in:
2026-02-06 12:56:34 +01:00
parent 7a6a7f5d35
commit 7c8ef45e5a
36 changed files with 325 additions and 317 deletions

View File

@@ -16,7 +16,7 @@ interface RequestPermitModalProps {
}
export default function RequestPermitModal({ visible, types, onClose, onSubmit }: RequestPermitModalProps) {
const defaultStyles = useDefaultStyles();
const defaultStyles = useDefaultStyles('light');
const alert = useAlert();
const [type, setType] = useState<TimeOffRequestType>(types[0]); // Default to first type
const [date, setDate] = useState<string | null>();
@@ -31,7 +31,7 @@ export default function RequestPermitModal({ visible, types, onClose, onSubmit }
const [endTime, setEndTime] = useState('');
const [message, setMessage] = useState('');
// Funzione per resettare le selezioni di data
// Clean up function to reset all fields
const clearCalendar = () => {
setDate(null);
setRange({ startDate: null, endDate: null });
@@ -39,7 +39,7 @@ export default function RequestPermitModal({ visible, types, onClose, onSubmit }
setType(types[0]);
};
// Funzione per validare la richiesta
// Function to validate the request
function validateRequest(type: TimeOffRequestType, date: string | null | undefined, range: { startDate: string | null; endDate: string | null }, startTime: string, endTime: string, message: string): string | null {
if (!type) return "Seleziona una tipologia di assenza.";
@@ -57,7 +57,7 @@ export default function RequestPermitModal({ visible, types, onClose, onSubmit }
return null;
}
// Funzione per inviare la richiesta alla API
// Function to send the request to the API
const saveRequest = async (requestData: any) => {
try {
const response = await api.post('/time-off-request/save-request', requestData);
@@ -73,7 +73,7 @@ export default function RequestPermitModal({ visible, types, onClose, onSubmit }
}
};
// Funzione per inviare la richiesta
// Function to submit the request
const handleSubmit = async () => {
const error = validateRequest(type, date, range, startTime, endTime, message);
if (error) {
@@ -92,7 +92,7 @@ export default function RequestPermitModal({ visible, types, onClose, onSubmit }
try {
await saveRequest(requestData);
onSubmit(requestData); // TODO: Gestire risposta e controllare fetch in index?
onSubmit(requestData);
onClose();
} catch (e) {
alert.showAlert("error", "Errore", "Impossibile inviare la richiesta.");
@@ -108,7 +108,7 @@ export default function RequestPermitModal({ visible, types, onClose, onSubmit }
>
<View className="flex-1 bg-black/60 justify-end sm:justify-center">
<View className="bg-white w-full rounded-t-[2.5rem] p-6 shadow-2xl h-[85%] sm:h-auto">
{/* Header Modale */}
{/* Modal Header */}
<View className="flex-row justify-between items-center mb-6">
<Text className="text-2xl font-bold text-gray-800">Nuova Richiesta</Text>
<TouchableOpacity onPress={onClose} className="p-2 bg-gray-100 rounded-full">
@@ -118,7 +118,7 @@ export default function RequestPermitModal({ visible, types, onClose, onSubmit }
<ScrollView showsVerticalScrollIndicator={false} contentContainerStyle={{ paddingBottom: 40 }}>
<View className="space-y-6">
{/* Tipologia */}
{/* Permit Type */}
<View className='mb-6'>
<Text className="text-lg font-bold text-gray-700 mb-3">Tipologia Assenza</Text>
<ScrollView
@@ -156,7 +156,7 @@ export default function RequestPermitModal({ visible, types, onClose, onSubmit }
locale='it'
styles={{
...defaultStyles,
selected: { backgroundColor: '#099499' }
selected: { backgroundColor: '#099499' },
}}
/>
) : (
@@ -218,7 +218,8 @@ export default function RequestPermitModal({ visible, types, onClose, onSubmit }
/>
</View>
)}
{/* TODO: Trasformare message in una select? - Predefinito per alcuni tipi */}
{/* Reason field */}
<View className="p-4">
<Text className="text-sm font-bold text-orange-800 mb-2 uppercase">Motivo</Text>
<TextInput
@@ -231,7 +232,7 @@ export default function RequestPermitModal({ visible, types, onClose, onSubmit }
</View>
</View>
{/* Azioni */}
{/* Actions */}
<View className="flex-row gap-4">
<TouchableOpacity
onPress={() => {