Create common components

[Blastd]

• [x] Create components to be placed in the layout page
  • [x] Create the header element
    • [x] Define colors
    • [x] Add middle logo
    • [x] Add left links
    • [x] Add right panel
      • [x] Archive link
      • [x] User button:
      • [x] Display a login button whether the user is logged off
      • [x] Display a user button:
        • [x] User nickname & profile pic
        • [x] Dropdown for logging out
  • [x] Create the footer element:
    • [x] Define colors
    • [x] Position style
    • [x] Subdivide into 5 rows:
      • [x] Logo row
      • [x] Three links:
      • [x] Code of conduct
      • [x] Volunteers
      • [x] Contact us / Terms of service
      • [x] Social urls:
      • [x] Youtube
      • [x] Telegram
      • [x] Twitter
      • [x] Facebook
      • [x] Footer information:
      • [x] Business name
      • [x] Physical address
      • [x] Credits row
• [ ] Create components listed in the figma design (https://smol.woffo.ovh/figmafurizon)
  • [x] Common button:
    • [x] Define colors
    • [x] Hover style
    • [x] Active style
    • [x] Optional icon
    • [x] Custom click action
  • [ ] Status Box #5
    • [ ] Define colors
    • [ ] Normal status
    • [ ] Warning status
    • [ ] Error status
    • [ ] Success status
  • [x] Checkbox:
    • [x] Define colors
    • [x] Unchecked style
    • [x] Hover style
    • [x] Checked style
  • [x] Notice box:
    • [x] Define colors
    • [x] FAQ style
    • [x] Warning style
    • [x] Error style
    • [x] Success style
    • [x] Custom content
  • [ ] Input (text/number):
    • [ ] Define colors
    • [ ] Define states:
      • [ ] Neutral
      • [ ] Selected
      • [ ] Error
      • [ ] Disabled / Read only
    • [ ] Define validator functions
  • [x] User box:
    • [x] User's profile picture
    • [x] User's nickname
    • [x] Option to view flag
  • [x] Navigator links:
    • [x] Define colors
    • [x] Icon prop
    • [x] Text prop
    • [x] Route prop
    • [x] States
      • [x] Normal
      • [x] Hover
      • [x] Highlighted
      • [x] Self highlight when current route matches destination
  • [ ] Form modals:
    • [ ] Define a generic object builder
    • [ ] Allow input children that interact with the object builder, in order to build the DTO
    • [ ] Custom endpoint field to send the DTO
    • [ ] Manage callbacks
  • [ ] User selector input
    • [ ] Custom user selection filters
    • [ ] Search box
    • [ ] Full scroll list
    • [ ] Multiple selection
  • [ ] Image upload field
    • [ ] Flag to show intermediate crop dialogue
    • [ ] Show delete or change upload whenever the image is loaded in the field.

[Blastd]

duplicate