wibu/mobile-darmasaba
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

upd: tampilan

Browse Source 
Deskripsi:
- tampilan form tambah banner
- button save header tambah banner
- tampilan form edit banner
- button save header edit banner
- padding form input with icon left or right

No Issues
This commit is contained in:
amel
2025-03-13 11:31:30 +08:00
parent 5bd65b4d3d
commit 4111392f17
8 changed files with 64 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
app/(application)/banner/[id].tsx
View File

@@ -1,13 +1,12 @@
import AlertKonfirmasi from "@/components/alertKonfirmasi"
import ButtonBackHeader from "@/components/buttonBackHeader"
import { ButtonForm } from "@/components/buttonForm"
import ButtonSaveHeader from "@/components/buttonSaveHeader"
import { InputForm } from "@/components/inputForm"
import Styles from "@/constants/Styles"
import { Entypo } from "@expo/vector-icons"
import * as ImagePicker from 'expo-image-picker'
import { router, Stack } from "expo-router"
import { useState } from "react"
import { Image, Pressable, SafeAreaView, ScrollView, Text, ToastAndroid, View } from "react-native"
import { Image, Pressable, SafeAreaView, ScrollView, Text, View } from "react-native"
export default function EditBanner() {
const [selectedImage, setSelectedImage] = useState<string | undefined>(undefined)
@@ -33,6 +32,7 @@ export default function EditBanner() {
headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />,
headerTitle: 'Edit Banner',
headerTitleAlign: 'center',
headerRight: () => <ButtonSaveHeader category="update" />
}}
/>
<ScrollView>
@@ -53,8 +53,8 @@ export default function EditBanner() {
)
}
</View>
<InputForm label="Judul" type="numeric" placeholder="Judul" required />
<ButtonForm
<InputForm label="Judul" type="numeric" placeholder="Judul" required bg="white" />
{/* <ButtonForm
text="SIMPAN"
onPress={() => {
AlertKonfirmasi({
@@ -65,7 +65,7 @@ export default function EditBanner() {
router.push('/banner')
}
})
}} />
}} /> */}
</View>
</ScrollView>
</SafeAreaView>

16
app/(application)/banner/create.tsx
View File

@@ -1,13 +1,12 @@
import AlertKonfirmasi from "@/components/alertKonfirmasi";
import ButtonBackHeader from "@/components/buttonBackHeader";
import { ButtonForm } from "@/components/buttonForm";
import ButtonSaveHeader from "@/components/buttonSaveHeader";
import { InputForm } from "@/components/inputForm";
import Styles from "@/constants/Styles";
import { Entypo } from "@expo/vector-icons";
import * as ImagePicker from 'expo-image-picker';
import { router, Stack } from "expo-router";
import { useState } from "react";
import { Image, Pressable, SafeAreaView, ScrollView, Text, ToastAndroid, View } from "react-native";
import { Image, Pressable, SafeAreaView, ScrollView, Text, View } from "react-native";
export default function CreateBanner() {
const [selectedImage, setSelectedImage] = useState<string | undefined>(undefined)
@@ -33,6 +32,7 @@ export default function CreateBanner() {
headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />,
headerTitle: 'Tambah Banner',
headerTitleAlign: 'center',
headerRight: () => <ButtonSaveHeader category="create" />
}}
/>
<ScrollView>
@@ -41,11 +41,11 @@ export default function CreateBanner() {
{
selectedImage != undefined ? (
<Pressable onPress={pickImageAsync}>
<Image src={selectedImage} style={{ resizeMode: 'contain', width: '100%', height:100 }} />
<Image src={selectedImage} style={{ resizeMode: 'contain', width: '100%', height: 100 }} />
</Pressable>
) : (
<Pressable onPress={pickImageAsync} style={[Styles.wrapPaper, Styles.contentItemCenter]}>
<View style={{justifyContent:'center', alignItems:'center'}}>
<View style={{ justifyContent: 'center', alignItems: 'center' }}>
<Entypo name="image" size={50} color={'#aeaeae'} />
<Text style={[Styles.textInformation, Styles.mt05]}>Mohon unggah gambar dalam resolusi 1535 x 450 piksel untuk memastikan</Text>
</View>
@@ -53,8 +53,8 @@ export default function CreateBanner() {
)
}
</View>
<InputForm label="Judul" type="numeric" placeholder="Judul" required />
<ButtonForm
<InputForm label="Judul" type="numeric" placeholder="Judul" required bg="white" />
{/* <ButtonForm
text="SIMPAN"
onPress={() => {
AlertKonfirmasi({
@@ -65,7 +65,7 @@ export default function CreateBanner() {
router.push('/banner')
}
})
}} />
}} /> */}
</View>
</ScrollView>
</SafeAreaView>