esoftplay-event 0.0.0-o → 0.0.0-p

package/modules/component/input_circle_icon.tsx

@@ -0,0 +1,206 @@
+
+// noPage
+
+import { LibComponent } from 'esoftplay/cache/lib/component/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import { createTimeout } from 'esoftplay/timeout';
+
+import React from 'react';
+import { TextInput, View } from 'react-native';
+
+export interface ComponentInput_circle_iconProps {
+  icon?: string,
+  label?: string,
+  placeholder?: string,
+  mask?: string,
+  maskFrom?: 'start' | 'end',
+  suffix?: string,
+  onPress?: () => void,
+  helper?: string
+  allowFontScaling?: boolean,
+  autoCapitalize?: "none" | "sentences" | "words" | "characters",
+  autoCorrect?: boolean,
+  autoFocus?: boolean,
+  blurOnSubmit?: boolean,
+  caretHidden?: boolean,
+  contextMenuHidden?: boolean,
+  defaultValue?: string,
+  editable?: boolean,
+  inactive?: boolean,
+  keyboardType?: "default" | "email-address" | "numeric" | "phone-pad",
+  maxLength?: number,
+  multiline?: boolean,
+  onSubmitEditing?: () => void,
+  onChangeText?: (text: string) => void,
+  placeholderTextColor?: string,
+  returnKeyType?: "done" | "go" | "next" | "search" | "send",
+  secureTextEntry?: boolean,
+  selectTextOnFocus?: boolean,
+  selectionColor?: string,
+  style?: any,
+  inputStyle?: any,
+  value?: string,
+  bgColor?: string,
+  text?: string
+}
+
+export interface LibInputState {
+  hasFocus: boolean,
+  error?: string,
+  helper?: string
+}
+export default class m extends LibComponent<ComponentInput_circle_iconProps, LibInputState>{
+  text: string
+  ref: any
+  constructor(props: ComponentInput_circle_iconProps) {
+    super(props);
+    this.state = { hasFocus: false }
+    this.text = ''
+    this.ref = React.createRef()
+    this.getText = this.getText.bind(this);
+    this.mask = this.mask.bind(this);
+    this.unmask = this.unmask.bind(this);
+    this.setError = this.setError.bind(this);
+    this.clearError = this.clearError.bind(this);
+    this.setHelper = this.setHelper.bind(this);
+    this.clearHelper = this.clearHelper.bind(this);
+    this.getTextMasked = this.getTextMasked.bind(this);
+  }
+
+  getText(): string {
+    return this.unmask(this.text)
+  }
+
+  getTextMasked(): string {
+    return this.text
+  }
+
+  focus(): void {
+    this.ref.focus()
+  }
+
+  blur(): void {
+    this.ref.blur()
+  }
+
+  setHelper(msg: string): void {
+    this.setState({ helper: msg })
+  }
+
+  clearHelper(): void {
+    this.setState({ helper: undefined })
+  }
+
+  setError(msg: string): void {
+    this.setState({ error: msg })
+  }
+
+  clearError(): void {
+    this.setState({ error: undefined })
+  }
+
+  mask(text: string): string {
+    let _text = text
+    let { mask, maskFrom } = this.props
+    if (mask) {
+      if (!maskFrom) maskFrom = 'start'
+      let rMask = mask.split("")
+      let rText = this.unmask(_text).split("")
+      if (maskFrom == 'end') {
+        rMask = [...rMask.reverse()]
+        rText = [...rText.reverse()]
+      }
+      let maskedText = ''
+      var _addRange = 0
+      var _addMaskChar = ''
+      for (let i = 0; i < rMask.length; i++) {
+        const iMask = rMask[i];
+        if (iMask == '#') {
+          if (rText[i - _addRange] != undefined) {
+            maskedText += _addMaskChar + rText[i - _addRange]
+          }
+          else {
+            break
+          }
+          _addMaskChar = ''
+        }
+        else {
+          _addMaskChar += iMask
+          _addRange++
+        }
+      }
+      if (maskFrom == 'end') {
+        maskedText = maskedText.split('').reverse().join('')
+      }
+      this.ref.setNativeProps({ text: maskedText })
+      return maskedText
+    }
+    return _text
+  }
+
+  unmask(text: string): string {
+    let _text = text
+    let { mask } = this.props
+    if (mask) {
+      let masks = mask.match(/((?!\#).)/g)
+      if (masks) {
+        for (let i = 0; i < masks.length; i++) {
+          _text = _text.replace(new RegExp(LibUtils.escapeRegExp(masks[i]), 'g'), '')
+        }
+      }
+      return _text
+    }
+    return _text
+  }
+
+  setText(text: string): void {
+    if (this.ref) {
+      this.ref.setNativeProps({ text: this.mask(text) })
+      this.text = this.mask(text)
+    }
+  }
+
+  componentDidUpdate(prevProps: ComponentInput_circle_iconProps, prevState: LibInputState): void {
+    if (this.ref) {
+      this.ref.setNativeProps({ text: this.mask(this.text) })
+    }
+  }
+
+  componentDidMount(): void {
+    super.componentDidMount()
+    const timeout = createTimeout()
+    timeout.set(() => {
+      if (this.props.defaultValue) {
+        this.setText(this.props.defaultValue)
+      }
+      timeout.clear()
+    }, 300);
+  }
+
+  render(): any {
+    const { error } = this.state
+    return (
+      <View style={[{ height: 35, borderRadius: 17.5, marginTop: 20, backgroundColor: "#ffffff", borderStyle: "solid", borderWidth: 0.5, borderColor: "#f1f1f1", flexDirection: 'row', alignItems: 'center' }, this.props.style]} >
+        <View style={{ width: 39, height: 35, borderTopLeftRadius: 17.5, borderBottomLeftRadius: 17.5, backgroundColor: this.props.bgColor ? this.props.bgColor : "#9b9b9b", justifyContent: 'center', alignContent: 'center', alignItems: 'center', alignSelf: 'flex-start' }}>
+          {/* <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: '#fff' }}>{this.props.text ? this.props.text : 'IDR'}</Text> */}
+          <LibIcon name='at' size={16} color="#fff" />
+        </View>
+        <TextInput
+          ref={(r) => this.ref = r}
+          placeholder={this.props.placeholder}
+          placeholderTextColor='#e5e5e5'
+          {...this.props}
+          onChangeText={(e) => {
+            this.text = this.mask(e)
+            if (error != undefined)
+              this.clearError()
+            if (this.props.onChangeText) this.props.onChangeText(e)
+          }}
+          style={[{ flex: 1, fontFamily: "ArialBold", fontSize: 12, color: LibStyle.colorTextPrimary, marginRight: 15, marginLeft: 10 }, this.props.inputStyle]}
+        />
+      </View>
+    )
+  }
+}

package/modules/component/input_rectangle_icon.tsx

@@ -0,0 +1,203 @@
+// noPage
+import { LibComponent } from 'esoftplay/cache/lib/component/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import esp from 'esoftplay/esp';
+import { createTimeout } from 'esoftplay/timeout';
+
+import React from 'react';
+import { Text, TextInput, View } from 'react-native';
+
+export interface ComponentInput_rectangle_iconProps {
+  icon?: string,
+  label?: string,
+  placeholder?: string,
+  mask?: string,
+  maskFrom?: 'start' | 'end',
+  suffix?: string,
+  onPress?: () => void,
+  helper?: string
+  allowFontScaling?: boolean,
+  autoCapitalize?: "none" | "sentences" | "words" | "characters",
+  autoCorrect?: boolean,
+  autoFocus?: boolean,
+  blurOnSubmit?: boolean,
+  caretHidden?: boolean,
+  contextMenuHidden?: boolean,
+  defaultValue?: string,
+  editable?: boolean,
+  inactive?: boolean,
+  keyboardType?: "default" | "email-address" | "numeric" | "phone-pad",
+  maxLength?: number,
+  multiline?: boolean,
+  onSubmitEditing?: () => void,
+  onChangeText?: (text: string) => void,
+  placeholderTextColor?: string,
+  returnKeyType?: "done" | "go" | "next" | "search" | "send",
+  secureTextEntry?: boolean,
+  selectTextOnFocus?: boolean,
+  selectionColor?: string,
+  style?: any,
+  inputStyle?: any,
+  value?: string,
+  bgColor?: string,
+  text?: string
+}
+
+export interface LibInputState {
+  hasFocus: boolean,
+  error?: string,
+  helper?: string
+}
+export default class m extends LibComponent<ComponentInput_rectangle_iconProps, LibInputState>{
+  text: string
+  ref: any
+  constructor(props: ComponentInput_rectangle_iconProps) {
+    super(props);
+    this.state = { hasFocus: false }
+    this.text = ''
+    this.ref = React.createRef()
+    this.getText = this.getText.bind(this);
+    this.mask = this.mask.bind(this);
+    this.unmask = this.unmask.bind(this);
+    this.setError = this.setError.bind(this);
+    this.clearError = this.clearError.bind(this);
+    this.setHelper = this.setHelper.bind(this);
+    this.clearHelper = this.clearHelper.bind(this);
+    this.getTextMasked = this.getTextMasked.bind(this);
+  }
+
+  getText(): string {
+    return this.unmask(this.text)
+  }
+
+  getTextMasked(): string {
+    return this.text
+  }
+
+  focus(): void {
+    this.ref.focus()
+  }
+
+  blur(): void {
+    this.ref.blur()
+  }
+
+  setHelper(msg: string): void {
+    this.setState({ helper: msg })
+  }
+
+  clearHelper(): void {
+    this.setState({ helper: undefined })
+  }
+
+  setError(msg: string): void {
+    this.setState({ error: msg })
+  }
+
+  clearError(): void {
+    this.setState({ error: undefined })
+  }
+
+  mask(text: string): string {
+    let _text = text
+    let { mask, maskFrom } = this.props
+    if (mask) {
+      if (!maskFrom) maskFrom = 'start'
+      let rMask = mask.split("")
+      let rText = this.unmask(_text).split("")
+      if (maskFrom == 'end') {
+        rMask = [...rMask.reverse()]
+        rText = [...rText.reverse()]
+      }
+      let maskedText = ''
+      var _addRange = 0
+      var _addMaskChar = ''
+      for (let i = 0; i < rMask.length; i++) {
+        const iMask = rMask[i];
+        if (iMask == '#') {
+          if (rText[i - _addRange] != undefined) {
+            maskedText += _addMaskChar + rText[i - _addRange]
+          }
+          else {
+            break
+          }
+          _addMaskChar = ''
+        }
+        else {
+          _addMaskChar += iMask
+          _addRange++
+        }
+      }
+      if (maskFrom == 'end') {
+        maskedText = maskedText.split('').reverse().join('')
+      }
+      this.ref.setNativeProps({ text: maskedText })
+      return maskedText
+    }
+    return _text
+  }
+
+  unmask(text: string): string {
+    let _text = text
+    let { mask } = this.props
+    if (mask) {
+      let masks = mask.match(/((?!\#).)/g)
+      if (masks) {
+        for (let i = 0; i < masks.length; i++) {
+          _text = _text.replace(new RegExp(LibUtils.escapeRegExp(masks[i]), 'g'), '')
+        }
+      }
+      return _text
+    }
+    return _text
+  }
+
+  setText(text: string): void {
+    if (this.ref) {
+      this.ref.setNativeProps({ text: this.mask(text) })
+      this.text = this.mask(text)
+    }
+  }
+
+  componentDidUpdate(prevProps: ComponentInput_rectangle_iconProps, prevState: LibInputState): void {
+    if (this.ref) {
+      this.ref.setNativeProps({ text: this.mask(this.text) })
+    }
+  }
+
+  componentDidMount(): void {
+    super.componentDidMount()
+    const timeout = createTimeout()
+    timeout.set(() => {
+      if (this.props.defaultValue) {
+        this.setText(this.props.defaultValue)
+      }
+      timeout.clear()
+    }, 300);
+  }
+
+  render(): any {
+    const { error } = this.state
+    return (
+      <View style={[{ height: 35, borderRadius: 1, marginTop: 20, backgroundColor: "#ffffff", borderStyle: "solid", borderWidth: 0.5, borderColor: "#f1f1f1", flexDirection: 'row', alignItems: 'center' }, this.props.style]} >
+        <View style={{ width: 39, height: 35, borderTopLeftRadius: 3, borderBottomLeftRadius: 3, backgroundColor: this.props.bgColor ? this.props.bgColor : "#9b9b9b", justifyContent: 'center', alignContent: 'center', alignItems: 'center', alignSelf: 'flex-start' }}>
+          <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: '#fff' }}>{this.props.text ? this.props.text : esp.lang("component/input_rectangle_icon", "currency")}</Text>
+        </View>
+        <TextInput
+          ref={(r) => this.ref = r}
+          placeholder={this.props.placeholder}
+          placeholderTextColor='#e5e5e5'
+          {...this.props}
+          onChangeText={(e) => {
+            this.text = this.mask(e)
+            if (error != undefined)
+              this.clearError()
+            if (this.props.onChangeText) this.props.onChangeText(e)
+          }}
+          style={[{ flex: 1, fontFamily: "ArialBold", fontSize: 12, color: LibStyle.colorTextPrimary, marginRight: 15, marginLeft: 10 }, this.props.inputStyle]}
+        />
+      </View>
+    )
+  }
+}

package/modules/component/input_rectangle_icon_right.tsx

@@ -0,0 +1,203 @@
+// noPage
+import { LibComponent } from 'esoftplay/cache/lib/component/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import esp from 'esoftplay/esp';
+import { createTimeout } from 'esoftplay/timeout';
+
+import React from 'react';
+import { Text, TextInput, View } from 'react-native';
+
+export interface ComponentInput_rectangle_icon_rightProps {
+  icon?: string,
+  label?: string,
+  placeholder?: string,
+  mask?: string,
+  maskFrom?: 'start' | 'end',
+  suffix?: string,
+  onPress?: () => void,
+  helper?: string
+  allowFontScaling?: boolean,
+  autoCapitalize?: "none" | "sentences" | "words" | "characters",
+  autoCorrect?: boolean,
+  autoFocus?: boolean,
+  blurOnSubmit?: boolean,
+  caretHidden?: boolean,
+  contextMenuHidden?: boolean,
+  defaultValue?: string,
+  editable?: boolean,
+  inactive?: boolean,
+  keyboardType?: "default" | "email-address" | "numeric" | "phone-pad",
+  maxLength?: number,
+  multiline?: boolean,
+  onSubmitEditing?: () => void,
+  onChangeText?: (text: string) => void,
+  placeholderTextColor?: string,
+  returnKeyType?: "done" | "go" | "next" | "search" | "send",
+  secureTextEntry?: boolean,
+  selectTextOnFocus?: boolean,
+  selectionColor?: string,
+  style?: any,
+  inputStyle?: any,
+  value?: string,
+  bgColor?: string,
+  text?: string
+}
+
+export interface LibInputState {
+  hasFocus: boolean,
+  error?: string,
+  helper?: string
+}
+export default class m extends LibComponent<ComponentInput_rectangle_icon_rightProps, LibInputState>{
+  text: string
+  ref: any
+  constructor(props: ComponentInput_rectangle_icon_rightProps) {
+    super(props);
+    this.state = { hasFocus: false }
+    this.text = ''
+    this.ref = React.createRef()
+    this.getText = this.getText.bind(this);
+    this.mask = this.mask.bind(this);
+    this.unmask = this.unmask.bind(this);
+    this.setError = this.setError.bind(this);
+    this.clearError = this.clearError.bind(this);
+    this.setHelper = this.setHelper.bind(this);
+    this.clearHelper = this.clearHelper.bind(this);
+    this.getTextMasked = this.getTextMasked.bind(this);
+  }
+
+  getText(): string {
+    return this.unmask(this.text)
+  }
+
+  getTextMasked(): string {
+    return this.text
+  }
+
+  focus(): void {
+    this.ref.focus()
+  }
+
+  blur(): void {
+    this.ref.blur()
+  }
+
+  setHelper(msg: string): void {
+    this.setState({ helper: msg })
+  }
+
+  clearHelper(): void {
+    this.setState({ helper: undefined })
+  }
+
+  setError(msg: string): void {
+    this.setState({ error: msg })
+  }
+
+  clearError(): void {
+    this.setState({ error: undefined })
+  }
+
+  mask(text: string): string {
+    let _text = text
+    let { mask, maskFrom } = this.props
+    if (mask) {
+      if (!maskFrom) maskFrom = 'start'
+      let rMask = mask.split("")
+      let rText = this.unmask(_text).split("")
+      if (maskFrom == 'end') {
+        rMask = [...rMask.reverse()]
+        rText = [...rText.reverse()]
+      }
+      let maskedText = ''
+      var _addRange = 0
+      var _addMaskChar = ''
+      for (let i = 0; i < rMask.length; i++) {
+        const iMask = rMask[i];
+        if (iMask == '#') {
+          if (rText[i - _addRange] != undefined) {
+            maskedText += _addMaskChar + rText[i - _addRange]
+          }
+          else {
+            break
+          }
+          _addMaskChar = ''
+        }
+        else {
+          _addMaskChar += iMask
+          _addRange++
+        }
+      }
+      if (maskFrom == 'end') {
+        maskedText = maskedText.split('').reverse().join('')
+      }
+      this.ref.setNativeProps({ text: maskedText })
+      return maskedText
+    }
+    return _text
+  }
+
+  unmask(text: string): string {
+    let _text = text
+    let { mask } = this.props
+    if (mask) {
+      let masks = mask.match(/((?!\#).)/g)
+      if (masks) {
+        for (let i = 0; i < masks.length; i++) {
+          _text = _text.replace(new RegExp(LibUtils.escapeRegExp(masks[i]), 'g'), '')
+        }
+      }
+      return _text
+    }
+    return _text
+  }
+
+  setText(text: string): void {
+    if (this.ref) {
+      this.ref.setNativeProps({ text: this.mask(text) })
+      this.text = this.mask(text)
+    }
+  }
+
+  componentDidUpdate(prevProps: ComponentInput_rectangle_icon_rightProps, prevState: LibInputState): void {
+    if (this.ref) {
+      this.ref.setNativeProps({ text: this.mask(this.text) })
+    }
+  }
+
+  componentDidMount(): void {
+    super.componentDidMount()
+    const timeout = createTimeout()
+    timeout.set(() => {
+      if (this.props.defaultValue) {
+        this.setText(this.props.defaultValue)
+      }
+      timeout.clear()
+    }, 300);
+  }
+
+  render(): any {
+    const { error } = this.state
+    return (
+      <View style={[{ height: 35, borderRadius: 1, marginTop: 20, backgroundColor: "#ffffff", borderStyle: "solid", borderWidth: 0.5, borderColor: "#f1f1f1", flexDirection: 'row', alignItems: 'center' }, this.props.style]} >
+        <TextInput
+          ref={(r) => this.ref = r}
+          placeholder={this.props.placeholder}
+          placeholderTextColor='#e5e5e5'
+          {...this.props}
+          onChangeText={(e) => {
+            this.text = this.mask(e)
+            if (error != undefined)
+              this.clearError()
+            if (this.props.onChangeText) this.props.onChangeText(e)
+          }}
+          style={[{ flex: 1, fontFamily: "ArialBold", fontSize: 12, color: LibStyle.colorTextPrimary, marginRight: 15, marginLeft: 10 }, this.props.inputStyle]}
+        />
+        <View style={{ width: 39, height: 35, borderTopRightRadius: 3, borderBottomRightRadius: 3, backgroundColor: this.props.bgColor ? this.props.bgColor : "#9b9b9b", justifyContent: 'center', alignContent: 'center', alignItems: 'center', alignSelf: 'flex-start' }}>
+          <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: '#fff' }}>{this.props.text ? this.props.text : esp.lang("component/input_rectangle_icon_right", "currency")}</Text>
+        </View>
+      </View>
+    )
+  }
+}

package/modules/component/input_rectangle_touchable.tsx

@@ -0,0 +1,40 @@
+// withHooks 
+// noPage
+
+import { ComponentTouchable } from 'esoftplay/cache/component/touchable/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+
+import React from 'react';
+import { Text, View } from 'react-native';
+
+
+export interface ComponentInput_rectangle_touchableProps {
+  text?: string
+  placeholder?: string
+  iconName?: string
+  iconShow?: boolean
+  iconColor?: any
+  onPress: () => void
+  style?: any,
+}
+export default function m(props: ComponentInput_rectangle_touchableProps): any {
+  return (
+    <ComponentTouchable style={[{ flex: 1, borderRadius: 5, padding: 2, marginTop: 10, flexDirection: 'row', alignItems: 'center', backgroundColor: "#ffffff", borderStyle: "solid", borderWidth: 0.7, borderColor: "#9e9e9e" }, props.style]} onPress={() => { props.onPress() }}>
+      <View style={{ height: 30, justifyContent: 'center', alignContent: 'center', flex: 1 }}>
+        {
+          props.text ?
+            <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 12, color: LibStyle.colorTextPrimary, marginLeft: 15 }} >{props.text}</Text>
+            :
+            <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 12, color: "#e5e5e5", marginLeft: 15 }} >{props.placeholder}</Text>
+        }
+      </View>
+      {
+        props.iconShow &&
+        <View style={{ width: 39, height: 35, justifyContent: 'center', alignContent: 'center', alignItems: 'center', alignSelf: 'flex-start' }}>
+          <LibIcon name={"chevron-down"} color={props.iconColor || LibStyle.colorPrimary} size={20} />
+        </View>
+      }
+    </ComponentTouchable>
+  )
+}

package/modules/component/job_available_switcher.tsx

@@ -0,0 +1,37 @@
+// withHooks
+// noPage
+import { ComponentTouchable } from 'esoftplay/cache/component/touchable/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import esp from 'esoftplay/esp';
+
+import React from 'react';
+import { Text, View } from 'react-native';
+
+
+export interface ComponentJob_available_switcherProps {
+  onPress: (type: number) => void,
+  type: number,
+  job?: string,
+  contract?: string
+}
+export default function m(props: ComponentJob_available_switcherProps): any {
+
+  return (
+    <View style={{ flexDirection: 'row', marginTop: 20, marginBottom: 0, margin: 15, height: 35, borderRadius: 17.5, width: LibStyle.width - 30, backgroundColor: '#e9e9e9' }}>
+      <ComponentTouchable onPress={() => {
+        props.onPress(1)
+      }}>
+        <View style={{ justifyContent: 'center', alignContent: 'center', alignItems: 'center', height: 35, borderRadius: 17.5, width: (LibStyle.width - 30) / 2, backgroundColor: props.type == 1 ? '#e67e22' : '#e9e9e9' }}>
+          <Text allowFontScaling={false} style={{ alignSelf: 'center', fontFamily: "Arial", fontSize: 14, fontWeight: props.type == 1 ? "bold" : "normal", fontStyle: "normal", letterSpacing: 0, textAlign: "center", color: props.type == 1 ? '#fff' : '#4a4a4a' }} >{props.job ? props.job : esp.lang("component/job_available_switcher", "vacancy")}</Text>
+        </View>
+      </ComponentTouchable>
+      <ComponentTouchable onPress={() => {
+        props.onPress(2)
+      }}>
+        <View style={{ justifyContent: 'center', alignContent: 'center', alignItems: 'center', height: 35, borderRadius: 17.5, width: (LibStyle.width - 30) / 2, backgroundColor: props.type == 2 ? '#e67e22' : '#e9e9e9' }}>
+          <Text allowFontScaling={false} style={{ alignSelf: 'center', fontFamily: "Arial", fontSize: 14, fontWeight: props.type == 2 ? "bold" : "normal", fontStyle: "normal", letterSpacing: 0, textAlign: "center", color: props.type == 2 ? '#fff' : '#4a4a4a' }} >{props.contract ? props.contract : esp.lang("component/job_available_switcher", "contract")}</Text>
+        </View>
+      </ComponentTouchable>
+    </View>
+  )
+}