Collaboration & Create Porotofolio

This commit is contained in:
2025-01-05 15:53:41 +08:00
parent 18bd4efed1
commit b1573af1b8
29 changed files with 368 additions and 214 deletions

View File

@@ -71,12 +71,12 @@ export default function CreatePortofolio({
label: {
color: MainColor.white,
},
// input: {
// backgroundColor: MainColor.white,
// },
// required: {
// color: MainColor.red,
// },
input: {
backgroundColor: MainColor.white,
},
required: {
color: MainColor.red,
},
}}
withAsterisk
label="Nama Bisnis"
@@ -94,12 +94,15 @@ export default function CreatePortofolio({
label: {
color: MainColor.white,
},
// input: {
// backgroundColor: MainColor.white,
// },
// required: {
// color: MainColor.red,
// },
input: {
backgroundColor: MainColor.white,
},
required: {
color: MainColor.red,
},
dropdown: {
backgroundColor: MainColor.white
}
}}
withAsterisk
label="Bidang Bisnis"
@@ -121,12 +124,12 @@ export default function CreatePortofolio({
label: {
color: MainColor.white,
},
// input: {
// backgroundColor: MainColor.white,
// },
// required: {
// color: MainColor.red,
// },
input: {
backgroundColor: MainColor.white,
},
required: {
color: MainColor.red,
},
}}
withAsterisk
label="Alamat Bisnis"
@@ -150,7 +153,12 @@ export default function CreatePortofolio({
<PhoneInput
placeholder="Nomor telepon"
inputStyle={{ width: "100%" }}
countrySelectorStyleProps={{
buttonStyle: {
backgroundColor: MainColor.login,
}
}}
inputStyle={{ width: "100%", backgroundColor: MainColor.login }}
defaultCountry="id"
onChange={(val) => {
const valPhone = val.substring(1);
@@ -192,12 +200,12 @@ export default function CreatePortofolio({
label: {
color: MainColor.white,
},
// input: {
// backgroundColor: MainColor.white,
// },
// required: {
// color: MainColor.red,
// },
input: {
backgroundColor: MainColor.white,
},
required: {
color: MainColor.red,
},
}}
maxLength={300}
autosize
@@ -336,9 +344,9 @@ export default function CreatePortofolio({
label: {
color: MainColor.white,
},
// input: {
// backgroundColor: MainColor.white,
// },
input: {
backgroundColor: MainColor.white,
},
}}
label="Facebook"
maxLength={100}
@@ -355,9 +363,9 @@ export default function CreatePortofolio({
label: {
color: MainColor.white,
},
// input: {
// backgroundColor: MainColor.white,
// },
input: {
backgroundColor: MainColor.white,
},
}}
label="Instagram"
maxLength={100}
@@ -374,9 +382,9 @@ export default function CreatePortofolio({
label: {
color: MainColor.white,
},
// input: {
// backgroundColor: MainColor.white,
// },
input: {
backgroundColor: MainColor.white,
},
}}
label="Tiktok"
maxLength={100}
@@ -393,9 +401,9 @@ export default function CreatePortofolio({
label: {
color: MainColor.white,
},
// input: {
// backgroundColor: MainColor.white,
// },
input: {
backgroundColor: MainColor.white,
},
}}
label="Twitter"
maxLength={100}
@@ -412,9 +420,9 @@ export default function CreatePortofolio({
label: {
color: MainColor.white,
},
// input: {
// backgroundColor: MainColor.white,
// },
input: {
backgroundColor: MainColor.white,
},
}}
label="Youtube"
maxLength={100}

View File

@@ -8,6 +8,7 @@ import { gmailRegex } from "../../component/regular_expressions";
import { Profile_ComponentCreateNewProfile } from "../_component";
import Profile_ViewUploadBackground from "./view_upload_background";
import Profile_ViewUploadFoto from "./view_upload_foto";
import { MainColor } from "@/app_modules/_global/color";
export default function CreateProfile() {
const [imgPP, setImgPP] = useState<any | null>();
@@ -42,7 +43,9 @@ export default function CreateProfile() {
<Stack mb={"lg"}>
<TextInput
styles={{
label: { color: "white" },
label: { color: MainColor.white },
input: { backgroundColor: MainColor.white },
required: { color: MainColor.red },
}}
withAsterisk
label={"Nama"}
@@ -57,7 +60,9 @@ export default function CreateProfile() {
/>
<TextInput
styles={{
label: { color: "white" },
label: { color: MainColor.white },
input: { backgroundColor: MainColor.white },
required: { color: MainColor.red },
}}
withAsterisk
icon={<IconAt size={15} />}
@@ -80,7 +85,9 @@ export default function CreateProfile() {
/>
<TextInput
styles={{
label: { color: "white" },
label: { color: MainColor.white },
input: { backgroundColor: MainColor.white },
required: { color: MainColor.red },
}}
withAsterisk
label="Alamat"
@@ -96,7 +103,10 @@ export default function CreateProfile() {
<Select
styles={{
label: { color: "white" },
label: { color: MainColor.white },
input: { backgroundColor: MainColor.white },
required: { color: MainColor.red },
dropdown: { backgroundColor: MainColor.white }
}}
withAsterisk
label="Jenis Kelamin"