kacaii.dev / bfd-front
this repo has no description
lustre frontent oat-ui gleam
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

🎨 use a variable instead of a constant

kacaii.dev 9b10f190 c33e05a9

+14 -14
+14 -14
src/client/page/navbar.gleam
··· 1 1 import client/icon 2 - import client/language 2 + import client/language as lang 3 3 import client/route 4 4 import client/session 5 5 import gleam/list ··· 9 9 import lustre/event 10 10 11 11 pub type Msg { 12 - UserSelectedLanguage(lang: language.Language) 12 + UserSelectedLanguage(lang: lang.Language) 13 13 } 14 14 15 15 pub fn view( 16 16 session: session.Session, 17 - lang: language.Language, 17 + lang: lang.Language, 18 18 ) -> element.Element(Msg) { 19 19 let style = class("flex justify-between h-full border-b md:py-4 md:px-24") 20 20 html.nav([attr.data("topnav", ""), style], [ ··· 65 65 ]) 66 66 } 67 67 68 - const languages = [ 69 - language.PortugalPortuguese, 70 - language.BrazillianPortuguese, 71 - language.English, 72 - language.German, 73 - language.Spanish, 74 - ] 75 - 76 68 fn view_right_section( 77 69 session: session.Session, 78 - lang: language.Language, 70 + lang: lang.Language, 79 71 ) -> element.Element(Msg) { 80 72 let id = "lang-selection" 73 + // Avalable languages 74 + let languages = [ 75 + lang.PortugalPortuguese, 76 + lang.BrazillianPortuguese, 77 + lang.English, 78 + lang.German, 79 + lang.Spanish, 80 + ] 81 81 82 82 html.section([class("flex gap-2 items-center")], [ 83 83 // Language Selection ··· 85 85 // Button 86 86 html.button([class("text-lg ghost"), attr.popovertarget(id)], [ 87 87 icon.globe([]), 88 - html.text(language.to_flag(lang)), 88 + html.text(lang.to_flag(lang)), 89 89 ]), 90 90 91 91 // Dropdown ··· 96 96 let on_click = event.on_click(UserSelectedLanguage(lang)) 97 97 html.button([attr.role("menuitem"), on_click], [ 98 98 // Join flag and string value 99 - html.text(language.to_flag(lang) <> " " <> language.to_string(lang)), 99 + html.text(lang.to_flag(lang) <> " " <> lang.to_string(lang)), 100 100 ]) 101 101 }), 102 102 ),