{"id":907,"date":"2021-04-26T17:58:37","date_gmt":"2021-04-26T09:58:37","guid":{"rendered":"https:\/\/www.dnalife.com.sg\/eshop\/?page_id=907"},"modified":"2021-08-17T09:12:22","modified_gmt":"2021-08-17T01:12:22","slug":"artists","status":"publish","type":"page","link":"https:\/\/www.dnalife.com.sg\/eshop\/artists\/","title":{"rendered":"Creative"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"907\" class=\"elementor elementor-907\" data-elementor-settings=\"[]\">\n\t\t\t\t\t\t<div class=\"elementor-inner\">\n\t\t\t\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c58674f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c58674f\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-80ae92d\" data-id=\"80ae92d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a937e00 elementor-widget elementor-widget-heading\" data-id=\"a937e00\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Creative Team<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e3a5075 elementor-widget elementor-widget-text-editor\" data-id=\"e3a5075\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\"><p>Browse through our creative specialist profile to view their portfolio<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a221037 elementor-widget elementor-widget-shortcode\" data-id=\"a221037\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\"><link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/antd\/4.12.2\/antd.min.css\" \/>\n<script src=\"https:\/\/unpkg.com\/react@16\/umd\/react.development.js\" crossorigin><\/script>\n<script src=\"https:\/\/unpkg.com\/react-dom@16\/umd\/react-dom.development.js\" crossorigin><\/script>\n<script src=\"https:\/\/unpkg.com\/babel-standalone@6.15.0\/babel.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/antd\/4.12.2\/antd.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/antd\/4.12.2\/theme.min.js\"><\/script>\n<script src=\"https:\/\/unpkg.com\/antd@4.12.3\/dist\/antd-with-locales.js\"><\/script>\n\n\n<div id=\"artist-container\" class=\"artist-container\"><\/div>\n\n\n\n\n\n<script type=\"text\/babel\">\n\n    const Main = ()=>{\n        const { useState, useEffect } = React;\n        const { AutoComplete} = antd;\n\n\n        const [data] = useState([{\"name\":\"Dyan Cristine Abad\",\"id\":277,\"link\":\"https:\\\/\\\/www.dnalife.com.sg\\\/eshop\\\/artists\\\/dyan-cristine-abad\\\/\",\"image\":\"https:\\\/\\\/www.dnalife.com.sg\\\/eshop\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/WhatsApp-Image-2021-08-16-at-3.01.40-PM.jpeg\",\"designation\":\"Creative Specialist\"},{\"name\":\"Jane Discaya\",\"id\":82,\"link\":\"https:\\\/\\\/www.dnalife.com.sg\\\/eshop\\\/artists\\\/jane-discaya\\\/\",\"image\":\"https:\\\/\\\/www.dnalife.com.sg\\\/eshop\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/28827994_2066979236665248_7557240917612380907_o.jpg\",\"designation\":\"Senior Creative Specialist\"},{\"name\":\"Joey Francis Zamora\",\"id\":278,\"link\":\"https:\\\/\\\/www.dnalife.com.sg\\\/eshop\\\/artists\\\/joey-francis-zamora\\\/\",\"image\":\"https:\\\/\\\/www.dnalife.com.sg\\\/eshop\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/WhatsApp-Image-2021-08-16-at-12.25.47-PM.jpeg\",\"designation\":\"Creative Specialist\"},{\"name\":\"Joy Anne Marie Reyes\",\"id\":279,\"link\":\"https:\\\/\\\/www.dnalife.com.sg\\\/eshop\\\/artists\\\/joy-anne-marie-reyes\\\/\",\"image\":\"https:\\\/\\\/www.dnalife.com.sg\\\/eshop\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/IMG_2654-scaled.jpeg\",\"designation\":\"Creative Specialist\"}])\n        const [search,setSearch] = useState(\"\")\n        const [listData,setListData] = useState([{\"name\":\"Dyan Cristine Abad\",\"id\":277,\"link\":\"https:\\\/\\\/www.dnalife.com.sg\\\/eshop\\\/artists\\\/dyan-cristine-abad\\\/\",\"image\":\"https:\\\/\\\/www.dnalife.com.sg\\\/eshop\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/WhatsApp-Image-2021-08-16-at-3.01.40-PM.jpeg\",\"designation\":\"Creative Specialist\"},{\"name\":\"Jane Discaya\",\"id\":82,\"link\":\"https:\\\/\\\/www.dnalife.com.sg\\\/eshop\\\/artists\\\/jane-discaya\\\/\",\"image\":\"https:\\\/\\\/www.dnalife.com.sg\\\/eshop\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/28827994_2066979236665248_7557240917612380907_o.jpg\",\"designation\":\"Senior Creative Specialist\"},{\"name\":\"Joey Francis Zamora\",\"id\":278,\"link\":\"https:\\\/\\\/www.dnalife.com.sg\\\/eshop\\\/artists\\\/joey-francis-zamora\\\/\",\"image\":\"https:\\\/\\\/www.dnalife.com.sg\\\/eshop\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/WhatsApp-Image-2021-08-16-at-12.25.47-PM.jpeg\",\"designation\":\"Creative Specialist\"},{\"name\":\"Joy Anne Marie Reyes\",\"id\":279,\"link\":\"https:\\\/\\\/www.dnalife.com.sg\\\/eshop\\\/artists\\\/joy-anne-marie-reyes\\\/\",\"image\":\"https:\\\/\\\/www.dnalife.com.sg\\\/eshop\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/IMG_2654-scaled.jpeg\",\"designation\":\"Creative Specialist\"}])\n\n        \n\n\n        const handleSearch=(value)=>{\n            if(value !== \"\"){\n                let result = data.filter(item=>item.name === value)\n                setListData(result)\n            }\n        }\n\n        return (\n            <div>\n\n            <div className=\"artist-search\">\n            <AutoComplete\n    style={{\n      width: 200,\n      marginBottom:50,\n    }}\n    options={data.map(item=>{\n        return(\n            {value:item.name}\n        )})}\n    placeholder=\"Search\"\n    filterOption={(inputValue, option) =>\n      option.value.toUpperCase().indexOf(inputValue.toUpperCase()) !== -1\n    }\n    onSelect={handleSearch}\n    onChange={(value)=> {\n        setSearch(value)\n        if(value === \"\"){\n            setListData(data)\n        }\n    }}\n    value={search}\n  \/>\n            <\/div>\n\n              \n                {listData.map(item=>{\n                    return (\n                        <a href={item.link} key={item.id}>\n                            <div className=\"artist\">\n                                <div className=\"avatar\">\n                                    <img src={item.image} alt=\"artist\"\/>\n                                <\/div>\n                                <div>\n                                <div className=\"name\">\n                                    <span>\n                                        {item.name}\n                                    <\/span>\n                                <\/div>\n                                <div className=\"designation\">\n                                    <span>\n                                        {item.designation}\n                                    <\/span>\n                                <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                    )\n                })}\n            <\/div>\n        )\n    }\n\n    ReactDOM.render(<Main \/>, document.getElementById(\"artist-container\"));\n<\/script>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Creative Team Browse through our creative specialist profile to view their portfolio<\/p>\n","protected":false},"author":25,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/www.dnalife.com.sg\/eshop\/wp-json\/wp\/v2\/pages\/907"}],"collection":[{"href":"https:\/\/www.dnalife.com.sg\/eshop\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.dnalife.com.sg\/eshop\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.dnalife.com.sg\/eshop\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dnalife.com.sg\/eshop\/wp-json\/wp\/v2\/comments?post=907"}],"version-history":[{"count":77,"href":"https:\/\/www.dnalife.com.sg\/eshop\/wp-json\/wp\/v2\/pages\/907\/revisions"}],"predecessor-version":[{"id":9245,"href":"https:\/\/www.dnalife.com.sg\/eshop\/wp-json\/wp\/v2\/pages\/907\/revisions\/9245"}],"wp:attachment":[{"href":"https:\/\/www.dnalife.com.sg\/eshop\/wp-json\/wp\/v2\/media?parent=907"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}