Bunch of Frontend Fixes

Author: FalkWolsky

client/packages/lowcoder-design/src/icons/icon-autocomplete-comp.svg

@@ -1484,14 +1484,14 @@ export const en = {
     broadCast: "BroadCast Messages",
     title: "Meeting Title",
     //ADDED BY FRED
-    meetingCompName: "Meeting Controller",
-    sharingCompName: "Video Share",
-    videoCompName: "Video Stream",
-    videoSharingCompName: "Screen Sharing",
-    meetingControlCompName: "Controls Buttons",
-    meetingCompDesc: "Meeting component",
-    meetingCompControls: "Meeting control",
-    meetingCompKeywords: "",
+    meetingCompName: "Agora Meeting Controller",
+    sharingCompName: "Screen share Stream",
+    videoCompName: "Camera Stream",
+    videoSharingCompName: "Screen share Stream",
+    meetingControlCompName: "Control Button",
+    meetingCompDesc: "Meeting Component",
+    meetingCompControls: "Meeting Control",
+    meetingCompKeywords: "Agora Meeting, Web Meeting, Collaboration",
     //END
     iconSize: "Icon Size",
     userId: "userId",
@@ -1846,6 +1846,8 @@ export const en = {
     preloadLibsEmpty: "No JavaScript libraries were added",
     preloadLibsAddBtn: "Add a library",
     saveSuccess: "Saved successfully",
+    AuthOrgTitle: "Workspace welcome Screen",
+    AuthOrgDescrition: "The URL for your users to Sign in to the current workspace.",
   },
   branding: {
     title: "Branding",

client/packages/lowcoder-design/src/icons/icon-comment-comp.svg

@@ -34,6 +34,7 @@ import { messageInstance, AddIcon } from "lowcoder-design";
 import { currentOrgAdmin } from "../../../util/permissionUtils";
 import CreateModal from "./createModal";
 import _ from "lodash";
+import { HelpText } from "components/HelpText";
 
 export const IdSourceList = (props: any) => {
   const user = useSelector(getUser);
@@ -44,6 +45,18 @@ export const IdSourceList = (props: any) => {
   const [modalVisible, setModalVisible] = useState(false);
   const enableEnterpriseLogin = useSelector(selectSystemConfig)?.featureFlag?.enableEnterpriseLogin;
 
+  let protocol = window.location.protocol;
+  const port = window.location.port;
+  let currentDomain = window.location.hostname;
+
+  // Show port only if it is not a standard port
+  if (port && port !== '80' && port !== '443') {
+    currentDomain += `:${port}`;
+  }
+
+  const redirectUrl = encodeURIComponent(`${protocol}//${currentDomain}/apps`);
+  const loginUrl = `${protocol}//${currentDomain}/org/${currentOrgId}/auth/login?redirectUrl=${encodeURIComponent(redirectUrl)}`;
+
   useEffect(() => {
     if (!currentOrgId) {
       return;
@@ -154,6 +167,11 @@ export const IdSourceList = (props: any) => {
             )}
           />
         </TableStyled>
+
+        <div style={{ marginTop: 20, marginLeft: 12 }} className="section-title">{trans("advanced.AuthOrgTitle")}</div>
+        <HelpText style={{ marginBottom: 12, marginLeft: 12 }}>{trans("advanced.AuthOrgDescrition") + ": "}</HelpText>
+        <HelpText style={{ marginBottom: 12, marginLeft: 12 }}><a href={loginUrl} target="blank">{loginUrl}</a></HelpText> 
+
       </Level1SettingPageContentWithList>
       <CreateModal
         modalVisible={modalVisible}
@@ -167,3 +185,4 @@ export const IdSourceList = (props: any) => {
     </>
   );
 };
+