mirrors/Zipline-Android-App
1
0
Fork 0
mirror of https://github.com/Stef-00012/Zipline-Android-App.git synced 2025-05-11 18:35:58 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

add file table view select actions, fix error when uploading over file quota, add welcome + quota stats on home page, update server settings rendering, fix server settings tab being visible in sidebat by admin (non-superadmin), add disabled status for checkbox, increase folder select menu height

Browse source
This commit is contained in:
Stef-00012 2025-02-15 19:36:32 +01:00
parent c7d0454195
commit b2b22c6bb8
No known key found for this signature in database
GPG key ID: 28BE9A9E4EF0E6BF
21 changed files with 2122 additions and 2105 deletions
Download patch file Download diff file Expand all files Collapse all files

40
components/Select.tsx
View file

@ -1,4 +1,11 @@
import { Text, View, TouchableOpacity, FlatList, Modal } from "react-native";
import {
Text,
View,
TouchableOpacity,
FlatList,
Modal,
type DimensionValue,
} from "react-native";
import MaterialIcons from "@expo/vector-icons/MaterialIcons";
import { useState, useEffect, type ReactNode } from "react";
import { styles } from "@/styles/components/select";
@ -11,7 +18,7 @@ export interface SelectProps {
[key: string]: string | number | boolean | null;
}>;
placeholder: string;
onSelect: (selectedItem: SelectProps["data"]) => void;
onSelect: (selectedItem: SelectProps["data"], id?: SelectProps["id"]) => void;
showScrollIndicator?: boolean;
disabled?: boolean;
defaultValue?: SelectProps["data"][0];
@ -23,6 +30,14 @@ export interface SelectProps {
key: string,
) => ReactNode | string;
renderItem?: (item: SelectProps["data"][0]) => ReactNode;
id?: string;
width?: DimensionValue;
margin?: {
top?: DimensionValue;
bottom?: DimensionValue;
left?: DimensionValue;
right?: DimensionValue;
};
}
export default function Select({
@ -35,6 +50,8 @@ export default function Select({
disabled = false,
maxHeight = 200,
multiple = false,
width,
margin = {},
renderSelectedItem = (item, key) => (
<Text
key={key}
@ -47,6 +64,7 @@ export default function Select({
</Text>
),
renderItem = (item) => <Text style={styles.menuItemText}>{item.label}</Text>,
id,
}: SelectProps) {
const [selectedItems, setSelectedItems] = useState<SelectProps["data"]>(
getDefaultValues(),
@ -90,19 +108,27 @@ export default function Select({
} else {
setSelectedItems([item]);
setIsOpen(false);
onSelect([item]);
onSelect([item], id);
}
}
return (
<View>
<View
style={{
width: width,
marginLeft: margin.left,
marginRight: margin.right,
marginTop: margin.top,
marginBottom: margin.bottom,
}}
>
<TouchableOpacity
style={styles.selectButton}
onPress={() => {
const open = !isOpen;
setIsOpen(open);
if (!open) onSelect(selectedItems);
if (!open) onSelect(selectedItems, id);
}}
disabled={disabled}
>
@ -131,14 +157,14 @@ export default function Select({
visible={isOpen}
onRequestClose={() => {
setIsOpen(false);
onSelect(selectedItems);
onSelect(selectedItems, id);
}}
>
<TouchableOpacity
style={styles.selectContainer}
onPress={() => {
setIsOpen(false);
onSelect(selectedItems);
onSelect(selectedItems, id);
}}
>
<View