forked from rojo-rbx/rojo
3107b1b21b
Upgrades to Roact master and introduces dynamic theme switching. We branch on the theme name in order to try to use Rojo's brand colors instead of Studio's. I kind of winged it with these colors and we might want to choose slightly nicer dark theme colors in the future. I also took the opportunity to reorganize the color naming scheme since it didn't really work for dark theme.
35 lines
938 B
Lua
35 lines
938 B
Lua
local Roact = require(script:FindFirstAncestor("Rojo").Roact)
|
|
|
|
local Plugin = script:FindFirstAncestor("Plugin")
|
|
|
|
local Theme = require(Plugin.Components.Theme)
|
|
local Panel = require(Plugin.Components.Panel)
|
|
local FitText = require(Plugin.Components.FitText)
|
|
|
|
local e = Roact.createElement
|
|
|
|
local ConnectingPanel = Roact.Component:extend("ConnectingPanel")
|
|
|
|
function ConnectingPanel:render()
|
|
return Theme.with(function(theme)
|
|
return e(Panel, nil, {
|
|
Layout = Roact.createElement("UIListLayout", {
|
|
HorizontalAlignment = Enum.HorizontalAlignment.Center,
|
|
VerticalAlignment = Enum.VerticalAlignment.Center,
|
|
SortOrder = Enum.SortOrder.LayoutOrder,
|
|
Padding = UDim.new(0, 8),
|
|
}),
|
|
|
|
Text = e(FitText, {
|
|
Padding = Vector2.new(12, 6),
|
|
Font = theme.ButtonFont,
|
|
TextSize = 18,
|
|
Text = "Connecting...",
|
|
TextColor3 = theme.Text1,
|
|
BackgroundTransparency = 1,
|
|
}),
|
|
})
|
|
end)
|
|
end
|
|
|
|
return ConnectingPanel |