rojo 7.6.1

Enables professional-grade development tools for Roblox developers
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109

local Rojo = script:FindFirstAncestor("Rojo")
local Plugin = Rojo.Plugin
local Packages = Rojo.Packages

local Roact = require(Packages.Roact)

local Theme = require(Plugin.App.Theme)
local Assets = require(Plugin.Assets)
local Config = require(Plugin.Config)
local Version = require(Plugin.Version)

local Tooltip = require(Plugin.App.Components.Tooltip)
local SlicedImage = require(script.Parent.SlicedImage)

local e = Roact.createElement

local function VersionIndicator(props)
	local updateMessage = Version.getUpdateMessage()

	return Theme.with(function(theme)
		return e("Frame", {
			LayoutOrder = props.layoutOrder,
			Size = UDim2.new(0, 0, 0, 25),
			BackgroundTransparency = 1,
			AutomaticSize = Enum.AutomaticSize.X,
		}, {
			Border = if updateMessage
				then e(SlicedImage, {
					slice = Assets.Slices.RoundedBorder,
					color = theme.Button.Bordered.Enabled.BorderColor,
					transparency = props.transparency,
					size = UDim2.fromScale(1, 1),
					zIndex = 0,
				}, {
					Indicator = e("ImageLabel", {
						Size = UDim2.new(0, 10, 0, 10),
						ScaleType = Enum.ScaleType.Fit,
						Image = Assets.Images.Circles[16],
						ImageColor3 = theme.Header.LogoColor,
						ImageTransparency = props.transparency,
						BackgroundTransparency = 1,
						Position = UDim2.new(1, 0, 0, 0),
						AnchorPoint = Vector2.new(0.5, 0.5),
					}),
				})
				else nil,

			Tip = if updateMessage
				then e(Tooltip.Trigger, {
					text = updateMessage,
					delay = 0.1,
				})
				else nil,

			VersionText = e("TextLabel", {
				Text = Version.display(Config.version),
				FontFace = theme.Font.Thin,
				TextSize = theme.TextSize.Body,
				TextColor3 = theme.Header.VersionColor,
				TextXAlignment = Enum.TextXAlignment.Left,
				TextTransparency = props.transparency,
				BackgroundTransparency = 1,

				Size = UDim2.new(0, 0, 1, 0),
				AutomaticSize = Enum.AutomaticSize.X,
			}, {
				Padding = e("UIPadding", {
					PaddingLeft = UDim.new(0, 6),
					PaddingRight = UDim.new(0, 6),
				}),
			}),
		})
	end)
end

local function Header(props)
	return Theme.with(function(theme)
		return e("Frame", {
			Size = UDim2.new(1, 0, 0, 32),
			LayoutOrder = props.layoutOrder,
			BackgroundTransparency = 1,
		}, {
			Logo = e("ImageLabel", {
				Image = Assets.Images.Logo,
				ImageColor3 = theme.Header.LogoColor,
				ImageTransparency = props.transparency,

				Size = UDim2.new(0, 60, 0, 27),

				LayoutOrder = 1,
				BackgroundTransparency = 1,
			}),

			VersionIndicator = e(VersionIndicator, {
				transparency = props.transparency,
				layoutOrder = 2,
			}),

			Layout = e("UIListLayout", {
				VerticalAlignment = Enum.VerticalAlignment.Center,
				FillDirection = Enum.FillDirection.Horizontal,
				SortOrder = Enum.SortOrder.LayoutOrder,
				Padding = UDim.new(0, 15),
			}),
		})
	end)
end

return Header