 (def state "Reagent atom that holds our global application state." 
   (rg/atom {:phones hardcoded-phones-data
             :search ""
+            :order-prop :name
             }))
 
+
+(def order-prop-state (rg/cursor state [:order-prop]))
+    
+    
 (defn update-search [state new-search]
   (assoc state :search new-search))
 

  (let [{:keys [phones search]} @state]
    [:div.container-fluid
     [:div.row
      [:div.col-md-2 [search-cpnt search]]
      [:div.col-md-8 [phones-list phones search]]
      ]]))

(defn search-cpnt [search]

(declare ;; here we declare our components to define their in an order that feels natural.  
  top-cpnt 
    search-cpnt
    order-prop-select
    phones-list 
      phone-item)

