refactor(ui): set screengui name

paradoxuum · Aug 6, 2024 · d309887 · d309887
1 parent d7ab75c
commit d309887
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/packages/ui/src/app/centurion-app.tsx b/packages/ui/src/app/centurion-app.tsx
@@ -42,7 +42,11 @@ export function CenturionApp(client: CenturionClient) {
 	});
 
 	return (
-		<Layer displayOrder={() => options().displayOrder} visible={visible}>
+		<Layer
+			name="Centurion"
+			displayOrder={() => options().displayOrder}
+			visible={visible}
+		>
 			<Group
 				anchorPoint={() => options().anchorPoint}
 				size={() => {

diff --git a/packages/ui/src/components/ui/group.tsx b/packages/ui/src/components/ui/group.tsx
@@ -1,6 +1,7 @@
 import Vide, { Derivable } from "@rbxts/vide";
 
 interface GroupProps extends Vide.PropsWithChildren {
+	name?: Derivable<string>;
 	size?: Derivable<UDim2>;
 	position?: Derivable<UDim2>;
 	anchorPoint?: Derivable<Vector2>;
@@ -16,6 +17,7 @@ interface GroupProps extends Vide.PropsWithChildren {
 export function Group(props: GroupProps) {
 	return (
 		<frame
+			Name={props.name}
 			Size={props.size || UDim2.fromScale(1, 1)}
 			Position={props.position}
 			AnchorPoint={props.anchorPoint}

diff --git a/packages/ui/src/components/ui/layer.tsx b/packages/ui/src/components/ui/layer.tsx
@@ -3,13 +3,14 @@ import { IS_EDIT } from "../../constants/util";
 import { Group } from "./group";
 
 interface LayerProps extends Vide.PropsWithChildren {
+	name?: Derivable<string>;
 	visible?: Derivable<boolean>;
 	displayOrder?: Derivable<number>;
 }
 
-export function Layer({ visible, displayOrder, children }: LayerProps) {
+export function Layer({ name, visible, displayOrder, children }: LayerProps) {
 	return IS_EDIT ? (
-		<Group visible={visible} zIndex={displayOrder}>
+		<Group name={name} visible={visible} zIndex={displayOrder}>
 			{children}
 		</Group>
 	) : (
@@ -19,6 +20,7 @@ export function Layer({ visible, displayOrder, children }: LayerProps) {
 			DisplayOrder={displayOrder}
 			IgnoreGuiInset
 			ZIndexBehavior="Sibling"
+			Name={name}
 		>
 			{children}
 		</screengui>