/-  boke, tp=trill-post, tlonc=tlon-channels, cnt=contact
/+  plib=trill-utils, ui=trill-ui, sr=sortug, lib=boke, const=constants, kaji
/=  post-text  /web/components/post-text
/=  date-div   /web/components/date
/=  user       /web/components/user
/=  chat-manx  /web/chat/chat
|_  [s=state:boke =bowl:gall]
++  css  ^~  %-  trip
'''
ddEventListener('kaji-scry', async () => highlight());
'''
+$  section  $?(%blog %comments %chat %threads %replies)
++  cursor
|=  [d=(unit time) up=?]  ^-  marl
  ?~  d   ~
  =/  cursor-string  (scow:parsing:sr %uw `@uw`u.d)
  =/  name   ?:  up  "before"  "after"
  =/  label  ?:  up  "Newer Posts"  "Older Posts"
  =/  indicator  ?:  up  "#spinner-up"  "#spinner-down"
  =/  button=manx
  ;button  
    =kaji  "iscroll"
    =name   name
    =value  cursor-string
    =path   "/search/f"
    =cont   "#search-results"
    =indicator  indicator
    ; {label}
  ==
  =/  upc
  ;div
    ;+  button
    ;img#spinner-up.spinner@"spinner.svg"(style "display: none;");
  ==
  =/  downc
  ;div
    ;img#spinner-down.spinner@"spinner.svg"(style "display: none;");
    ;+  button
  ==
  ;+  ?:  up  upc  downc

++  main  ^-  manx
;div#feed.fsy
  ;style: {css}
  ;h1.tc:"Feed"
==
--