mirror of
https://github.com/sonr-io/sonr.git
synced 2026-08-02 17:31:39 +00:00
Prad NukalaandGitHub
2c1cf56e3c
* fix: update commitizen version * feat: add WASM build tags to db actions * feat: Update all actions to follow `AddAsset` for error handling * feat: remove database dependency in dwn and motr commands * feat: add basic info form to registration view * feat: implement basic browser navigation component * refactor: move database related files to middleware * fix: remove unused test command * fix: update source directory for buf-publish workflow * feat: embed dwn config data * feat: add Sync RPC to query service * refactor: rename package to for better organization * feat: add new javascript exception handling for server requests * refactor: move dwn.wasm to embed directory * refactor: move server files to a new directory * refactor: move session related code to client package * refactor: Update dwn.wasm build path * refactor: move dwn wasm build to vfs * feat: introduce config loading middleware * feat: introduce DWN config and address JSON * refactor: move dwn wasm build output to embed directory * feat: introduce config and IndexedDB model * refactor: move DWN config file generation to vfs * refactor: move config package to * feat: add Sonr.ID IPFS gateway proxy * feat: add SWT data structure * feat: update index.html to use Sonr styles and scripts * feat(dwn): remove index.html server endpoint * feat: add Navigator API for web credential management
68 lines
3.1 KiB
Templ
68 lines
3.1 KiB
Templ
package blocks
|
|
|
|
func Alert(variant Variant, icon Icon, title, message string) templ.Component {
|
|
return alertElement(variant.Attributes(), title, message, icon.Render())
|
|
}
|
|
|
|
templ alertElement(attrs templ.Attributes, title, message string, icon templ.Component) {
|
|
<div { attrs... }>
|
|
@icon
|
|
<h5 class="mb-1 font-medium leading-none tracking-tight">{ title }</h5>
|
|
<div class="text-sm opacity-70">{ message }</div>
|
|
</div>
|
|
}
|
|
|
|
type AlertVariant int
|
|
|
|
const (
|
|
AlertVariant_Default AlertVariant = iota
|
|
AlertVariant_Info
|
|
AlertVariant_Error
|
|
AlertVariant_Success
|
|
AlertVariant_Warning
|
|
AlertVariant_Subtle_Info
|
|
AlertVariant_Subtle_Error
|
|
AlertVariant_Subtle_Success
|
|
AlertVariant_Subtle_Warning
|
|
)
|
|
|
|
func (v AlertVariant) Attributes() templ.Attributes {
|
|
switch v {
|
|
case AlertVariant_Info:
|
|
return templ.Attributes{
|
|
"class": "relative w-full rounded-lg border border-transparent bg-blue-600 p-4 [&>svg]:absolute [&>svg]:text-foreground [&>svg]:left-4 [&>svg]:top-4 [&>svg+div]:translate-y-[-3px] [&:has(svg)]:pl-11 text-white",
|
|
}
|
|
case AlertVariant_Error:
|
|
return templ.Attributes{
|
|
"class": "relative w-full rounded-lg border border-transparent bg-red-600 p-4 [&>svg]:absolute [&>svg]:text-foreground [&>svg]:left-4 [&>svg]:top-4 [&>svg+div]:translate-y-[-3px] [&:has(svg)]:pl-11 text-white",
|
|
}
|
|
case AlertVariant_Success:
|
|
return templ.Attributes{
|
|
"class": "relative w-full rounded-lg border border-transparent bg-green-500 p-4 [&>svg]:absolute [&>svg]:text-foreground [&>svg]:left-4 [&>svg]:top-4 [&>svg+div]:translate-y-[-3px] [&:has(svg)]:pl-11 text-white",
|
|
}
|
|
case AlertVariant_Warning:
|
|
return templ.Attributes{
|
|
"class": "relative w-full rounded-lg border border-transparent bg-yellow-500 p-4 [&>svg]:absolute [&>svg]:text-foreground [&>svg]:left-4 [&>svg]:top-4 [&>svg+div]:translate-y-[-3px] [&:has(svg)]:pl-11 text-white",
|
|
}
|
|
case AlertVariant_Subtle_Info:
|
|
return templ.Attributes{
|
|
"class": "relative w-full rounded-lg border border-transparent bg-blue-50 p-4 [&>svg]:absolute [&>svg]:text-foreground [&>svg]:left-4 [&>svg]:top-4 [&>svg+div]:translate-y-[-3px] [&:has(svg)]:pl-11 text-blue-600",
|
|
}
|
|
case AlertVariant_Subtle_Error:
|
|
return templ.Attributes{
|
|
"class": "relative w-full rounded-lg border border-transparent bg-red-50 p-4 [&>svg]:absolute [&>svg]:text-foreground [&>svg]:left-4 [&>svg]:top-4 [&>svg+div]:translate-y-[-3px] [&:has(svg)]:pl-11 text-red-600",
|
|
}
|
|
case AlertVariant_Subtle_Success:
|
|
return templ.Attributes{
|
|
"class": "relative w-full rounded-lg border border-transparent bg-green-50 p-4 [&>svg]:absolute [&>svg]:text-foreground [&>svg]:left-4 [&>svg]:top-4 [&>svg+div]:translate-y-[-3px] [&:has(svg)]:pl-11 text-green-600",
|
|
}
|
|
case AlertVariant_Subtle_Warning:
|
|
return templ.Attributes{
|
|
"class": "relative w-full rounded-lg border border-transparent bg-yellow-50 p-4 [&>svg]:absolute [&>svg]:text-foreground [&>svg]:left-4 [&>svg]:top-4 [&>svg+div]:translate-y-[-3px] [&:has(svg)]:pl-11 text-yellow-600",
|
|
}
|
|
}
|
|
return templ.Attributes{
|
|
"class": "relative w-full rounded-lg border bg-white p-4 [&>svg]:absolute [&>svg]:text-foreground [&>svg]:left-4 [&>svg]:top-4 [&>svg+div]:translate-y-[-3px] [&:has(svg)]:pl-11 text-neutral-900",
|
|
}
|
|
}
|