Voltify | Notion

a heading with a Image node and a Text node
a Condition node with :
- a True condition with a Spinner node that runs when the database is queried.
- a False condition with a Grid node that will define the Library space inside which a List node is found with :
  - a section for Items with an Image node, and two Text nodes for the title image, title name and artist name.
  - an Empty section with a Text node that displays a message if no data is connected.
a Bottom bar divided in 3 sections :
- a left section with an Image node, and two Text nodes for the title image, the title name and the artist name in thumbnail.
- a central section with a Audio Player node with two sections:
  - a section with 3 Icon nodes for the player buttons
  - a section with a Cursor node for the scrolling time of the sound, and two Text nodes that indicate respectively the elapsed time, and the other the total time.
- a straight section with 2 sections :
  - one with a Icon node and a Cursor node to manage the sound volume
  - one with a Button node, to launch a random play of the titles.