esoftplay-event 0.0.0-o → 0.0.0-p

package/modules/community/job_seeker.tsx

@@ -0,0 +1,628 @@
+// withHooks
+import { CommunityExperienceProperty } from 'esoftplay/cache/community/experience/import';
+import { CommunityRegistrasi_job_seeker } from 'esoftplay/cache/community/registrasi_job_seeker/import';
+import { CommunityReview_form } from 'esoftplay/cache/community/review_form/import';
+import { ComponentButton } from 'esoftplay/cache/component/button/import';
+import { ComponentCircle } from 'esoftplay/cache/component/circle/import';
+import { ComponentHeader } from 'esoftplay/cache/component/header/import';
+import { ComponentSlidingup } from 'esoftplay/cache/component/slidingup/import';
+import { ComponentTouchable } from 'esoftplay/cache/component/touchable/import';
+import { LibCurl } from 'esoftplay/cache/lib/curl/import';
+import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibImage } from 'esoftplay/cache/lib/image/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibPicture } from 'esoftplay/cache/lib/picture/import';
+import { LibProgress } from 'esoftplay/cache/lib/progress/import';
+import { LibScroll } from 'esoftplay/cache/lib/scroll/import';
+import { LibSkeleton } from 'esoftplay/cache/lib/skeleton/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import { UserClass } from 'esoftplay/cache/user/class/import';
+import esp from 'esoftplay/esp';
+import useSafeState from 'esoftplay/state';
+
+import { ComponentAlert } from 'esoftplay/cache/component/alert/import';
+import { MarketSheet } from 'esoftplay/cache/market/sheet/import';
+import moment from 'esoftplay/moment';
+import useGlobalSubscriber, { UseSubscribeReturn } from 'esoftplay/subscribe';
+import React, { useEffect, useRef } from 'react';
+import { ImageBackground, Linking, Text, TouchableOpacity, View } from 'react-native';
+
+export interface CommunityJob_seekerProps {
+
+}
+
+export interface CommunityCvItem extends CommunityJob_seekerProps {
+  title: string
+  value: string
+  color?: string
+}
+
+function Item(props: CommunityCvItem) {
+  return (
+    <View style={{ marginTop: 12 }}>
+      <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{props.title}</Text>
+      <Text allowFontScaling={false} style={{ marginTop: 6, fontFamily: "SFProText", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: props.color ? props.color : "#4b4b4b" }}>{props.value}</Text>
+    </View>
+  )
+}
+
+const subs = useGlobalSubscriber()
+export function subscribe(): UseSubscribeReturn {
+  return subs
+}
+
+export default function m(props: CommunityJob_seekerProps): any {
+  moment().locale('id')
+  const imgWidth = LibStyle.width
+  const user = UserClass.state().get()
+  const { item } = LibNavigation.getArgsAll(props)
+
+  const url = "community?cat_id=" + item?.id
+  const [result, setResult] = useSafeState<any>()
+  const [msg, setMsg] = useSafeState()
+  const [imageFor, setImageFor] = useSafeState<string>("")
+  const [imageBanner, setImageBanner] = useSafeState<any>([])
+  const [resReview, setResReview] = useSafeState<any>()
+  const reviewRef = useRef<CommunityReview_form>(null)
+
+  const dialogImage = useRef<ComponentSlidingup>(null)
+  const dialogStatus = useRef<ComponentSlidingup>(null)
+
+  const menuRef = useRef<MarketSheet>(null)
+
+  let _status = [
+    {
+      id: "1",
+      title: esp.lang("community/job_seeker", "status_1")
+    },
+    {
+      id: "2",
+      title: esp.lang("community/job_seeker", "status_2")
+    },
+    {
+      id: "3",
+      title: esp.lang("community/job_seeker", "status_3")
+    },
+  ]
+
+  function loadData(): void {
+    new LibCurl(url, null, (res) => {
+      setResult(res)
+      let _imageBanner = res.images !== "" && res.images !== null && res.images.filter((item: any) => item.image !== res.image)
+      setImageBanner(_imageBanner);
+
+      if (res?.url_reviewing && res?.url_reviewing !== "") {
+        loadReview(res?.url_reviewing)
+      }
+    }, (error) => {
+      setMsg(error)
+    })
+  }
+
+  function loadReview(url_reviewing: string) {
+    new LibCurl(url_reviewing, null, (res) => {
+      setResReview(res)
+    }, (error) => {
+    })
+  }
+
+  subs.useSubscribe(loadData)
+
+  useEffect(() => {
+    loadData()
+  }, [])
+
+  function updateImage(url: string): any {
+    let post: any = {
+      community_id: result?.id,
+      image: url,
+      image_del: imageFor == "banner" ? (imageBanner.length > 0 ? imageBanner[0].image : "") : result.image,
+      image_set: url,
+      is_group: 1
+    }
+
+    if (imageFor == "banner") {
+      delete post.image_set
+    }
+
+    LibProgress.show(esp.lang("community/job_seeker", "wait_update_image"))
+    new LibCurl('community_update_image', post, (result, msg) => {
+      loadData()
+      LibProgress.hide()
+      dialogImage.current?.hide()
+      LibToastProperty.show(result)
+    }, (error) => {
+      LibProgress.hide()
+      LibDialog.warning(esp.lang("community/job_seeker", "failed_update_image"), error?.message)
+      dialogImage.current?.hide()
+    }, 1)
+  }
+
+  function updateStatus(id: number) {
+    dialogStatus.current?.hide()
+
+    let post = {
+      community_id: result?.id,
+      status_job: id
+    }
+
+    LibProgress.show(esp.lang("community/job_seeker", "wait_update_status"))
+    new LibCurl('community_update', post, (result, msg) => {
+      LibProgress.hide()
+      loadData()
+      // LibDialog.info("Informasi", result)
+    }, (error) => {
+      LibProgress.hide()
+    }, 1)
+
+  }
+
+  async function openURL(url: string) {
+    const supported = await Linking.canOpenURL(url)
+    if (supported) {
+      await Linking.openURL(url)
+    } else {
+      LibToastProperty.show(esp.lang("community/job_seeker", "web_not_valid"), 2000)
+    }
+  }
+
+  function activeAccountTemporary() {
+
+    let post = {
+      community_id: result?.id,
+      active: 1,
+      cat_id: result?.community_cat?.id,
+      params_show_phone: result?.params?.show_phone
+    }
+
+    LibDialog.confirm(esp.lang("community/job_seeker", "active_titlt"), esp.lang("community/job_seeker", "active_msg"), esp.lang("community/job_seeker", "active_confirm"), () => {
+      LibProgress.show(esp.lang("community/job_seeker", "active_wait"))
+      new LibCurl('community_update', post, (result, msg) => {
+        LibProgress.hide()
+        LibDialog.info(esp.lang("community/edit_talent", "dialog_title"), msg);
+        loadData()
+      }, (error) => {
+        LibProgress.hide()
+        LibDialog.warning(esp.lang("community/edit_talent", "dialog_alert"), error?.message)
+      }, 1)
+    }, esp.lang("community/job_seeker", "active_cancel"), () => {
+
+    })
+  }
+
+  if (!result && !msg) {
+    return (
+      <View style={{ flex: 1 }}>
+        <ComponentHeader title={esp.lang("community/job_seeker", "header_empty")} />
+        <LibSkeleton>
+          <View style={{ height: LibStyle.width / 2, width: LibStyle.width, backgroundColor: '#fff' }} />
+          <View style={{ height: 25, borderRadius: 4, width: '60%', backgroundColor: '#fff', margin: 15 }} />
+
+          <View style={{ height: 17, borderRadius: 4, width: '30%', backgroundColor: '#fff', margin: 15, marginBottom: 0 }} />
+          <View style={{ height: 15, borderRadius: 4, width: '40%', backgroundColor: '#fff', margin: 15, marginBottom: 7 }} />
+
+          <View style={{ height: 17, borderRadius: 4, width: '30%', backgroundColor: '#fff', margin: 15, marginBottom: 0 }} />
+          <View style={{ height: 15, borderRadius: 4, width: '40%', backgroundColor: '#fff', margin: 15, marginBottom: 7 }} />
+
+          <View style={{ marginTop: 5, marginBottom: 5, height: 4, backgroundColor: "#f6f6f6" }} />
+
+          <View style={{ height: 17, borderRadius: 4, width: '30%', backgroundColor: '#fff', margin: 15, marginBottom: 0 }} />
+          <View style={{ height: 150, borderRadius: 4, width: '90%', backgroundColor: '#fff', margin: 15, marginBottom: 7 }} />
+
+          <View style={{ marginTop: 5, marginBottom: 5, height: 4, backgroundColor: "#f6f6f6" }} />
+
+          <View style={{ height: 25, borderRadius: 4, width: '60%', backgroundColor: '#fff', margin: 15 }} />
+
+          <View style={{ height: 17, borderRadius: 4, width: '30%', backgroundColor: '#fff', margin: 15, marginBottom: 0 }} />
+          <View style={{ height: 15, borderRadius: 4, width: '40%', backgroundColor: '#fff', margin: 15, marginBottom: 7 }} />
+
+          <View style={{ height: 17, borderRadius: 4, width: '30%', backgroundColor: '#fff', margin: 15, marginBottom: 0 }} />
+          <View style={{ height: 15, borderRadius: 4, width: '40%', backgroundColor: '#fff', margin: 15, marginBottom: 7 }} />
+
+
+        </LibSkeleton>
+
+      </View>
+    )
+  }
+
+  if (result?.active == 4) {
+    return (
+      <View style={{ flex: 1, backgroundColor: '#fff' }}>
+        <ComponentHeader title={esp.lang("community/job_seeker", "header_active_4")} />
+        <View style={{ margin: 15, flex: 1, alignContent: 'center', alignItems: 'center', justifyContent: 'center' }}>
+          <Text allowFontScaling={false} style={{ marginTop: 20, marginBottom: 15, fontFamily: "Arial", fontSize: 18, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, textAlign: "center", color: "#34495e" }}>{esp.lang("community/job_seeker", "info_active_4")}</Text>
+          <Text allowFontScaling={false} style={{ marginLeft: 20, marginRight: 20, marginBottom: 30, fontFamily: "Arial", fontSize: 14, fontWeight: "normal", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, textAlign: "center", color: "#34495e" }}>{esp.lang("community/job_seeker", "info_msg_4")}</Text>
+          <ComponentButton onPress={() => { activeAccountTemporary() }} label={esp.lang("community/job_seeker", "btn_active_4")} backgroundColor="#fff" fontColor={LibStyle.colorRed} borderColor={LibStyle.colorRed} />
+        </View>
+      </View>
+    )
+  }
+
+  if (result?.active == 5) {
+    let a = LibUtils.moment(result?.date_deleted_account).add(1, 'months').localeFormat("DD MMMM YYYY")
+    return (
+      <View style={{ flex: 1, backgroundColor: '#fff' }}>
+        <ComponentHeader title={esp.lang("community/job_seeker", "header_active_5")} />
+        <View style={{ margin: 15, flex: 1, alignContent: 'center', alignItems: 'center', justifyContent: 'center' }}>
+          <Text allowFontScaling={false} style={{ marginTop: 20, marginBottom: 15, fontFamily: "Arial", fontSize: 18, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, textAlign: "center", color: "#34495e" }}>{esp.lang("community/job_seeker", "info_active_5")}</Text>
+          <Text allowFontScaling={false} style={{ marginLeft: 15, marginRight: 15, marginBottom: 30, fontFamily: "Arial", fontSize: 14, fontWeight: "normal", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, textAlign: "center", color: "#34495e" }}>{esp.lang("community/job_seeker", "info_msg_5", a)}</Text>
+          <ComponentButton onPress={() => {
+            LibNavigation.navigate("user/help")
+          }} label={esp.lang("community/job_seeker", "btn_active_5")} backgroundColor="#fff" fontColor={LibStyle.colorRed} borderColor={LibStyle.colorRed} />
+        </View>
+      </View>
+    )
+  }
+
+  if (msg)
+    return (
+      <CommunityRegistrasi_job_seeker navigation item={item} />
+    )
+
+  function renderAlert(item: any, i: number) {
+    return (
+      <ComponentAlert
+        key={i}
+        color="#dc143c"
+        msg={item.message}
+        useIcon
+      />
+    )
+  }
+
+  function renderJobSeeking(item: any, i: number) {
+    return (
+      <View style={{ marginTop: 12 }} key={i}>
+        <Text allowFontScaling={false} style={{ marginBottom: 4, fontFamily: "SFProText", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{item.job_seeking_specialization_name == "Others" ? (item.job_seeking_specialization_name + ", " + item.job_seeking_specialization_member_name) : item.job_seeking_specialization_name} ( {item.job_seeking_position_name} )</Text>
+        <Text allowFontScaling={false} style={{ marginBottom: 4, fontFamily: "SFProText", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{item.job_seeking_industry_name == "Others" ? (item.job_seeking_industry_name + ", " + item.job_seeking_industry_member_name) : item.job_seeking_industry_name}</Text>
+        <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{esp.lang("community/job_seeker", "salary", LibUtils.money(item.job_seeking_salary))}</Text>
+      </View>
+    )
+  }
+
+  function renderJobExperience(item: any, i: number) {
+    return (
+      <View style={{ marginTop: 12 }} key={i}>
+        <Text allowFontScaling={false} style={{ marginBottom: 4, fontFamily: "SFProText", fontSize: 16, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{item.job_experience_position}</Text>
+        <Text allowFontScaling={false} style={{ marginBottom: 4, fontFamily: "SFProText", fontSize: 14, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{item.job_experience}, {CommunityExperienceProperty.setNameMonth(item.job_experience_start_month)} {item.job_experience_start_year + " - " + (item.job_experience_end_month == "00" ? "Sampai Sekarang" : (CommunityExperienceProperty.setNameMonth(item.job_experience_end_month) + " " + item.job_experience_end_year))}</Text>
+        <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{item.job_experience_location_name}</Text>
+        {
+          item.job_experience_description !== null && item.job_experience_description !== "" &&
+          <Text allowFontScaling={false} style={{ marginTop: 4, flexWrap: 'wrap', fontFamily: "SFProText", fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{item.job_experience_description}</Text>
+        }
+      </View>
+    )
+  }
+
+  function renderEducation(item: any, i: number) {
+    return (
+      <View style={{ marginTop: 12 }} key={i}>
+        <Text allowFontScaling={false} style={{ marginBottom: 4, fontFamily: "SFProText", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{item.education_majors}</Text>
+        <Text allowFontScaling={false} style={{ marginBottom: 4, fontFamily: "SFProText", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{item.education}, {CommunityExperienceProperty.setNameMonth(item.education_start_month)} {item.education_start_year + " - " + (item.education_end_month == "00" ? "Sampai Sekarang" : (CommunityExperienceProperty.setNameMonth(item.education_end_month) + " " + item.education_end_year))}</Text>
+        <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{item.education_location_name}</Text>
+      </View>
+    )
+  }
+
+  function renderAchievement(item: any, i: number) {
+    return (
+      <View style={{ marginTop: 12 }} key={i}>
+        <Text allowFontScaling={false} style={{ marginBottom: 4, fontFamily: "SFProText", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{item.achievement_title}</Text>
+        <Text allowFontScaling={false} style={{ marginBottom: 4, fontFamily: "SFProText", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{item.achievement}, {CommunityExperienceProperty.setNameMonth(item.achievement_start_month)} {item.achievement_start_year}</Text>
+        {
+          item.hasOwnProperty('achievement_image') && item.achievement_image !== "" &&
+          <ComponentTouchable onPress={() => {
+            LibNavigation.navigate('lib/gallery', { image: item.achievement_image })
+          }} style={{ flexDirection: 'row', alignItems: 'center', alignContent: 'center' }}>
+            <LibIcon name="eye" color="#45c9af" />
+            <Text allowFontScaling={false} style={{ marginLeft: 6, fontFamily: "SFProText", fontSize: 10, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#45c9af" }}>{esp.lang("community/job_seeker", "show_image")}</Text>
+          </ComponentTouchable>
+        }
+      </View>
+    )
+  }
+
+  function renderSkills(item: any, i: number) {
+    return (
+      <View key={i} style={{ width: LibStyle.width * 0.5 - 30, marginBottom: 4 }}>
+        <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 12, fontWeight: "bold", fontStyle: "normal", lineHeight: 16, letterSpacing: 0, color: "#4b4b4b" }}>+ {item}</Text>
+      </View>
+    )
+  }
+
+  function renderStatus(item: any, i: number) {
+    return (
+      <TouchableOpacity key={i} onPress={() => {
+        updateStatus(item?.id)
+      }} style={{ height: 40, borderBottomWidth: 1, borderBottomColor: '#c5c5c5', alignContent: 'center', justifyContent: 'center' }} >
+        <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{item.title}</Text>
+      </TouchableOpacity>
+    )
+  }
+
+  return (
+    <View style={{ flex: 1 }}>
+      <ComponentHeader title={esp.lang("community/job_seeker", "header_title")} more onPressMore={() => {
+        menuRef.current?.show()
+      }} />
+      <LibScroll onRefresh={loadData}>
+        {
+          LibUtils.checkUndefined(result, 'alert.0') && result?.alert?.map(renderAlert)
+        }
+        <ImageBackground source={imageBanner.length > 0 && imageBanner[0].image != "" ? { uri: imageBanner[0].image } : esp.assets('slider_section.png')} style={{ width: imgWidth, paddingBottom: 30, alignItems: 'center', justifyContent: 'center', alignContent: 'center' }} >
+          <View>
+            {
+              result?.image !== "" ?
+                <LibPicture source={{ uri: result?.image }} style={{ marginTop: 10, width: 120, height: 120, borderRadius: 60, }} />
+                :
+                <View style={{ marginTop: 10, width: 120, height: 120, borderRadius: 60, backgroundColor: LibStyle.colorGrey }} />
+            }
+            <View style={{ alignSelf: 'center', alignItems: 'center', justifyContent: 'center', position: "absolute", top: 0, left: 0, right: 0, bottom: 0 }} >
+              <TouchableOpacity onPress={() => {
+                setImageFor("profile")
+                dialogImage.current?.show()
+              }} style={{ backgroundColor: '#c5c5c5', padding: 6, borderRadius: 4 }} >
+                <LibIcon name="camera-outline" color="white" />
+              </TouchableOpacity>
+              <Text allowFontScaling={false} style={{ paddingVertical: 4, fontFamily: "SFProText", fontSize: 14, fontWeight: "normal", letterSpacing: 0, color: "#fff" }} >{esp.lang("community/job_seeker", "profile")}</Text>
+            </View>
+          </View>
+
+          <View style={{ position: "absolute", right: 12, top: 12, flexDirection: 'row' }}>
+            <View style={{ padding: 5, backgroundColor: 'rgba(0,0,0,0.4)', borderRadius: 4, marginRight: 5 }}>
+              <Text allowFontScaling={false} style={{ paddingVertical: 4, textAlign: 'center', textAlignVertical: 'center', fontFamily: "SFProText", fontSize: 14, fontWeight: "normal", letterSpacing: 0, color: "#fff" }} >{esp.lang("community/job_seeker", "cover")}</Text>
+            </View>
+            <TouchableOpacity onPress={() => {
+              setImageFor("banner")
+              dialogImage.current?.show()
+            }} style={{ backgroundColor: '#c5c5c5', padding: 6, borderRadius: 4 }} >
+              <LibIcon name="camera-outline" color="white" />
+            </TouchableOpacity>
+          </View>
+
+          <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 16, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#fff" }} >{user && (user?.name)}</Text>
+          <Text allowFontScaling={false} style={{ paddingVertical: 4, fontFamily: "SFProText", fontSize: 14, fontWeight: "normal", letterSpacing: 0, color: "#fff" }} >{user && user.email} || {user && user?.phone} </Text>
+        </ImageBackground>
+
+        {/* Personal Info */}
+        <View style={{ margin: 15 }}>
+          <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+            <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 16, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{esp.lang("community/job_seeker", "info")}</Text>
+            <TouchableOpacity onPress={() => { LibNavigation.navigate('community/edit_job', { url: url, section: 'personalInfo', }) }}>
+              <LibIcon name="pencil-outline" size={20} color="#45c9af" />
+            </TouchableOpacity>
+          </View>
+          <Item title={esp.lang("community/job_seeker", "gender")} value={result?.gender.name} />
+          <Item title={esp.lang("community/job_seeker", "date_birth")} value={result.birthday + ", " + moment(result.birthday_date).localeFormat("DD MMMM YYYY")} />
+
+          {/* telepon */}
+          <View style={{ marginTop: 12, marginBottom: 3 }}>
+            <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{esp.lang("community/job_seeker", "phone")}</Text>
+            <View style={{ flex: 1, flexDirection: 'row', justifyContent: 'space-between', alignContent: 'center', alignItems: 'center', marginTop: 6 }}>
+              <ComponentTouchable onPress={() => {
+                LibUtils.copyToClipboard(user?.phone).then(() => LibToastProperty.show(esp.lang("community/job_seeker", "phone_copied")))
+              }}>
+                <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#45c9af" }}>{user?.phone}</Text>
+              </ComponentTouchable>
+              <TouchableOpacity onPress={() => {
+                LibUtils.copyToClipboard(user?.phone).then(() => LibToastProperty.show(esp.lang("community/job_seeker", "phone_copied1")))
+              }}>
+                <LibIcon name="phone" color="#45c9af" />
+              </TouchableOpacity>
+            </View>
+          </View>
+
+
+          {/* email */}
+          <View style={{ marginTop: 12, marginBottom: 3 }}>
+            <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{esp.lang("community/job_seeker", "email")}</Text>
+            <View style={{ flex: 1, flexDirection: 'row', justifyContent: 'space-between', alignContent: 'center', alignItems: 'center', marginTop: 6 }}>
+              <ComponentTouchable onPress={() => {
+                LibUtils.mailTo(result?.email)
+              }}>
+                <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#45c9af" }}>{result?.email}</Text>
+              </ComponentTouchable>
+              <TouchableOpacity onPress={() => {
+                LibUtils.mailTo(result?.email)
+              }}>
+                <LibIcon name="email-plus" color="#45c9af" />
+              </TouchableOpacity>
+            </View>
+          </View>
+
+
+          {/* website */}
+          {
+            result && result.website !== null && result.website !== "null" && result.website !== "" &&
+            <View style={{ marginTop: 12, marginBottom: 3 }}>
+              <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{esp.lang("community/job_seeker", "web")}</Text>
+              <View style={{ flex: 1, flexDirection: 'row', justifyContent: 'space-between', alignContent: 'center', alignItems: 'center', marginTop: 6 }}>
+                <ComponentTouchable onPress={() => {
+                  openURL(result?.website)
+                }}>
+                  <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#45c9af" }}>{result.website}</Text>
+                </ComponentTouchable>
+                {
+                  result && result.website !== null && result.website !== "" &&
+                  <TouchableOpacity onPress={() => {
+                    openURL(result?.website)
+                  }}>
+                    <LibIcon name="earth" color="#45c9af" />
+                  </TouchableOpacity>
+                }
+
+              </View>
+            </View>
+          }
+
+          <Item title={esp.lang("community/job_seeker", "work_location")} value={result?.location_name} />
+
+        </View>
+
+        {/* About Me */}
+        <View style={{ marginTop: 5, marginBottom: 5, height: 4, backgroundColor: "#f6f6f6" }} />
+        <View style={{ margin: 15 }}>
+          <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+            <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 16, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{esp.lang("community/job_seeker", "about")}</Text>
+            <TouchableOpacity onPress={() => { LibNavigation.navigate('community/edit_job', { url: url, section: "aboutMe" }) }}>
+              <LibIcon name="pencil-outline" size={20} color="#45c9af" />
+            </TouchableOpacity>
+          </View>
+          {
+            result?.biography !== "" &&
+            <Text allowFontScaling={false} style={{ marginTop: 12, flexWrap: 'wrap', fontFamily: "SFProText", fontSize: 12, fontWeight: "normal", fontStyle: "normal", lineHeight: 14, letterSpacing: 0, color: "#4b4b4b" }}>{result.biography}</Text>
+          }
+
+        </View>
+
+        {/* Seeking Job */}
+        <View style={{ marginTop: 5, marginBottom: 5, height: 4, backgroundColor: "#f6f6f6" }} />
+        <View style={{ margin: 15 }}>
+          <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+            <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 16, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{esp.lang("community/job_seeker", "seeking")}</Text>
+            <TouchableOpacity onPress={() => { LibNavigation.navigate('community/edit_job', { url: url, section: "seekingJob", }) }}>
+              <LibIcon name="pencil-outline" size={20} color="#45c9af" />
+            </TouchableOpacity>
+          </View>
+          {
+            result?.job_seeking?.map?.(renderJobSeeking)
+          }
+        </View>
+
+        {/* status */}
+        <View style={{ marginTop: 5, marginBottom: 5, height: 4, backgroundColor: "#f6f6f6" }} />
+        <View style={{ margin: 15 }}>
+          <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{esp.lang("community/job_seeker", "status")}</Text>
+          <TouchableOpacity onPress={() => { dialogStatus.current?.show() }}>
+            <View style={{ marginTop: 8, padding: 10, borderColor: result && result.status_job == "1" ? '#04b995' : result && result.status_job == "2" ? '#3498db' : 'red', borderRadius: 4, borderStyle: "solid", borderWidth: 1, alignContent: 'center', justifyContent: 'center' }}>
+              <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: result && result.status_job == "1" ? '#04b995' : result && result.status_job == "2" ? '#3498db' : 'red' }}>{result?.status_job == "1" ? esp.lang("community/job_seeker", "job_status_1") : result?.status_job == "2" ? esp.lang("community/job_seeker", "job_status_2") : result?.status_job == "3" ? esp.lang("community/job_seeker", "job_status_3") : ""}</Text>
+            </View>
+          </TouchableOpacity>
+        </View>
+
+        {/* Work Experience */}
+        <View style={{ marginTop: 5, marginBottom: 5, height: 4, backgroundColor: "#f6f6f6" }} />
+        <View style={{ margin: 15 }}>
+          <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+            <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 16, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{esp.lang("community/job_seeker", "experience")}</Text>
+            <TouchableOpacity onPress={() => { LibNavigation.navigate('community/edit_job', { url: url, section: "experience", }) }}>
+              <LibIcon name="pencil-outline" size={20} color="#45c9af" />
+            </TouchableOpacity>
+          </View>
+          {
+            result?.job_experience?.map?.(renderJobExperience)
+          }
+        </View>
+
+        {/* Education */}
+        <View style={{ marginTop: 5, marginBottom: 5, height: 4, backgroundColor: "#f6f6f6" }} />
+        <View style={{ margin: 15 }}>
+          <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+            <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 16, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{esp.lang("community/job_seeker", "education")}</Text>
+            <TouchableOpacity onPress={() => { LibNavigation.navigate('community/edit_job', { url: url, section: "education", }) }}>
+              <LibIcon name="pencil-outline" size={20} color="#45c9af" />
+            </TouchableOpacity>
+          </View>
+          {
+            result?.education?.map?.(renderEducation)
+          }
+        </View>
+
+        {/* Achievment */}
+        <View style={{ marginTop: 5, marginBottom: 5, height: 4, backgroundColor: "#f6f6f6" }} />
+        <View style={{ margin: 15 }}>
+          <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+            <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 16, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{esp.lang("community/job_seeker", "achiev")}</Text>
+            <TouchableOpacity onPress={() => { LibNavigation.navigate('community/edit_job', { url: url, section: "achievement", }) }}>
+              <LibIcon name="pencil-outline" size={20} color="#45c9af" />
+            </TouchableOpacity>
+          </View>
+          {
+            result?.achievement?.map?.(renderAchievement)
+          }
+        </View>
+
+        {/* core skills */}
+        <View style={{ marginTop: 5, marginBottom: 5, height: 4, backgroundColor: "#f6f6f6" }} />
+        <View style={{ margin: 15 }}>
+          <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+            <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 16, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{esp.lang("community/job_seeker", "skill")}</Text>
+            <TouchableOpacity onPress={() => { LibNavigation.navigate('community/edit_job', { url: url, section: "skill", }) }}>
+              <LibIcon name="pencil-outline" size={20} color="#45c9af" />
+            </TouchableOpacity>
+          </View>
+          <View style={{ marginTop: 12, flex: 1, flexWrap: 'wrap', flexDirection: 'row' }}>
+            {
+              result?.skill?.map?.(renderSkills)
+            }
+          </View>
+
+        </View>
+
+      </LibScroll>
+      {/* dialog image */}
+      <ComponentSlidingup ref={dialogImage}>
+        <View style={{ backgroundColor: 'white', borderTopRightRadius: 20, borderTopLeftRadius: 20, paddingBottom: 35, paddingHorizontal: 19, }}>
+          <Text allowFontScaling={false} style={{ marginTop: 26, marginBottom: 23, fontFamily: "Arial", fontSize: 16, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, textAlign: "center", color: "#34495e" }}>{imageFor == "profile" ? esp.lang("community/job_seeker", "change_profile") : esp.lang("community/job_seeker", "change_banner")}</Text>
+          <View style={{ flexDirection: 'row', justifyContent: 'space-around', marginBottom: 27 }}>
+            <ComponentCircle image={'icons/ic_camera.png'} color="#f39c12" title={esp.lang("community/job_seeker", "label_camera")} onPress={() =>
+              LibImage.fromCamera({ crop: { ratio: "36:23", forceCrop: true, message: '' } }).then((url: any) => {
+                if (result?.url_resubmit && result?.url_resubmit !== "") {
+                  reviewRef.current?.show(resReview?.review_admin, result?.url_resubmit, updateImage(url))
+                } else {
+                  updateImage(url)
+                }
+              })} />
+            <ComponentCircle image={'icons/ic_galery.png'} color="#3498db" title={esp.lang("community/job_seeker", "label_gallery")} onPress={() =>
+              LibImage.fromGallery({ crop: { ratio: "36:23", forceCrop: true, message: '' } }).then((url: any) => {
+                if (result?.url_resubmit && result?.url_resubmit !== "") {
+                  reviewRef.current?.show(resReview?.review_admin, result?.url_resubmit, updateImage(url))
+                } else {
+                  updateImage(url)
+                }
+              })} />
+          </View>
+        </View>
+      </ComponentSlidingup>
+      {/* dialog status */}
+      <ComponentSlidingup ref={dialogStatus}>
+        <View style={{ backgroundColor: 'white', borderTopRightRadius: 20, borderTopLeftRadius: 20, paddingBottom: 35, paddingHorizontal: 19, }}>
+          <Text allowFontScaling={false} style={{ marginTop: 26, marginBottom: 23, fontFamily: "Arial", fontSize: 16, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, textAlign: "center", color: "#34495e" }}>{esp.lang("community/job_seeker", "status_job_seeker")}</Text>
+          {
+            _status.map(renderStatus)
+          }
+        </View>
+      </ComponentSlidingup>
+
+      {/* form review */}
+      <CommunityReview_form ref={reviewRef} />
+
+      <MarketSheet
+        _ref={menuRef}
+        title={esp.lang("community/job_seeker", "close_job_seeker")}
+        options={[
+          {
+            text: esp.lang("community/job_seeker", "nonactive"),
+            textStyle: { color: "red" },
+            onPress: () => {
+              LibNavigation.navigate('community/delete', { active: 4, community_id: result?.id, cat_id: result?.community_cat?.id })
+              LibDialog.hide()
+            }
+          },
+          {
+            text: esp.lang("community/job_seeker", "delete_account"),
+            textStyle: { color: "red" },
+            onPress: () => {
+              LibNavigation.navigate('community/delete', { active: 5, community_id: result?.id, cat_id: result?.community_cat?.id })
+              LibDialog.hide()
+            }
+          },
+        ]}
+      />
+    </View>
+  )
+}