Fixing profile Image Display

Author: FalkWolsky

client/packages/lowcoder/src/i18n/locales/de.ts

@@ -2433,6 +2433,8 @@ export const de: typeof en = {
   "home": {
       ...en.home,
       "profile": "Profil",
+      "news": "News",
+      "newsLoading": "Das Laden dauert ein wenig...",
       "allApplications": "Alle Apps",
       "allModules": "Alle Module",
       "allFolders": "Alle Ordner",

client/packages/lowcoder/src/i18n/locales/en.ts

@@ -2917,6 +2917,7 @@ export const en = {
   "home": {
     "profile": "Your Profile",
     "news": "News",
+    "newsLoading": "It will load some seconds.",
     "orgHome" : "Homepage (Org)",
     "yourOrg": "Your Organization",
     "orgHomeTitle": "Organization Homepage",

client/packages/lowcoder/src/pages/ApplicationV2/NewsLayout.tsx

@@ -93,6 +93,7 @@ export function NewsLayout() {
             <h1 style={{color: "#ffffff", marginTop : "12px"}}>Lowcoder {trans("home.news")}</h1>
           </StyleNewsCover>
           <Card style={{ marginBottom: "20px", minHeight : "800px" }}>
+            <h4>{trans("home.newsLoading")}</h4>
             <iframe
               style={{ border: "none" }}
               title="Lowcoder News"

client/packages/lowcoder/src/pages/ApplicationV2/UserProfileLayout.tsx

@@ -16,6 +16,8 @@ import { trans, languageList } from "../../i18n";
 import { ALL_APPLICATIONS_URL } from "constants/routesURL";
 import { default as Divider } from "antd/es/divider";
 
+import { fullAvatarUrl } from "util/urlUtils";
+
 import { Avatar, Button, Card, Col, Row, Space, Typography, Select, Tooltip } from "antd";
 
 import {
@@ -231,7 +233,7 @@ export function UserProfileLayout(props: UserProfileLayoutProps) {
             <StyleProfileContent>
               <Row gutter={[24, 24]} style={{ display: 'flex', alignItems: 'end' }}>
                 <Col lg={4}>
-                  <StyleAvatar src={<img src={user.avatarUrl ?? `https://eu.ui-avatars.com/api/?name=${user.username}&size=250`} alt="avatar" />} shape="square" size={120} />
+                  <StyleAvatar src={<img src={user.avatarUrl ? fullAvatarUrl(user.avatarUrl) : `https://eu.ui-avatars.com/api/?name=${user.username}&size=250`} alt="avatar" />} shape="square" size={120} />
                 </Col>
                 <Col lg={20}>
                   <Space style={{paddingLeft : "80px"}}>

client/packages/lowcoder/src/pages/ApplicationV2/index.tsx

@@ -365,6 +365,7 @@ export default function ApplicationHome() {
                 routeComp: NewsView,
                 icon: ({ selected, ...otherProps }) => selected ? <NewsIcon {...otherProps} width={"24px"}/> : <NewsIcon {...otherProps} width={"24px"}/>,
                 visible: ({ user }) => user.orgDev,
+                style: { color: "red" },
               },
               {
                 text: <TabLabel>{trans("home.orgHome")}</TabLabel>,

client/packages/lowcoder/src/pages/userAuth/authComponents.tsx

@@ -6,6 +6,7 @@ import styled from "styled-components";
 import ReactHotkeys from "util/hotkeys";
 import { StyledLink } from "pages/common/styledComponent";
 import { trans } from "i18n";
+import { fullAvatarUrl } from "util/urlUtils";
 
 const AuthCardContainer = styled.div`
   display: flex;
@@ -152,7 +153,7 @@ export const AuthContainer = (props: {
       <AuthCard>{props.children}</AuthCard>
       { props.subHeading && (
         <AuthCardSubFooter>
-          <img src="/src/assets/images/Lowcoder-Logo.svg" alt={"Lowcoder | " + trans("productDesc")} width="20px"/>
+          <img src={fullAvatarUrl("/src/assets/images/Lowcoder-Logo.svg")} alt={"Lowcoder | " + trans("productDesc")} width="20px"/>
           <a href="https://lowcoder.cloud" target="_blank" rel="noreferrer">
             {props.subHeading}
           </a>