Merge pull request #1419 from Bilb/feat/updated-conversation-settings

feat: updated conversation settings

Author: Bilb

package.json

@@ -79,12 +79,11 @@
     "fs-extra": "11.3.0",
     "glob": "10.4.5",
     "image-type": "^4.1.0",
-    "libsession_util_nodejs": "https://github.com/session-foundation/libsession-util-nodejs/releases/download/v0.5.3/libsession_util_nodejs-v0.5.3.tar.gz",
+    "libsession_util_nodejs": "https://github.com/session-foundation/libsession-util-nodejs/releases/download/v0.5.4/libsession_util_nodejs-v0.5.4.tar.gz",
     "libsodium-wrappers-sumo": "^0.7.15",
     "linkify-it": "^5.0.0",
     "lodash": "^4.17.21",
     "long": "^4.0.0",
-    "lucide-react": "0.473.0",
     "maxmind": "^4.3.24",
     "mic-recorder-to-mp3": "^2.2.2",
     "node-fetch": "^2.7.0",

preload.js

@@ -55,7 +55,6 @@ window.getUserKeys = async () => {
 
 window.sessionFeatureFlags = {
   replaceLocalizedStringsWithKeys: false,
-  showSettingsOnStart: false,
   // Hooks
   useClosedGroupV2QAButtons: false, // TODO DO NOT MERGE Remove after QA
   useOnionRequests: true,

stylesheets/_index.scss

@@ -9,33 +9,3 @@
   flex-direction: column;
   background-color: var(--background-primary-color);
 }
-
-.edit-profile-dialog,
-.update-group-dialog {
-  .content {
-    max-width: 100% !important;
-  }
-
-  .buttons {
-    margin: 8px;
-  }
-
-  .title-text {
-    font-size: large;
-    text-align: center;
-  }
-
-  .module-avatar {
-    display: block;
-    margin-bottom: 1rem;
-  }
-
-  .avatar-center {
-    display: flex;
-    justify-content: center;
-  }
-
-  .avatar-center-inner {
-    display: flex;
-  }
-}

stylesheets/_rtl.scss

@@ -1,5 +1,6 @@
 body.rtl {
   input,
+  button,
   textarea,
   .module-left-pane,
   .module-conversation-list-item,

stylesheets/_session.scss

@@ -270,29 +270,6 @@ label {
   }
 }
 
-.image-upload-section {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: absolute;
-  cursor: pointer;
-  width: 80px;
-  height: 80px;
-  border-radius: 100%;
-  background-color: var(--lightbox-background-color);
-  opacity: 0;
-  transition: var(--default-duration);
-
-  &:after {
-    content: 'Edit';
-    color: var(--white-color);
-  }
-
-  &:hover {
-    opacity: 1;
-  }
-}
-
 .conversation-loader {
   position: absolute;
   top: 50%;

stylesheets/_session_conversation.scss

@@ -92,6 +92,7 @@
 }
 
 .composition-container {
+  position: relative;
   display: flex;
   justify-content: center;
   align-items: center;

stylesheets/fonts.css

@@ -99,7 +99,7 @@
 }
 
 /** Icon font
- * Current: Lucide v0.473.0
+ * Current: Lucide v0.488.0
  * Download from https://github.com/lucide-icons/lucide/releases
 *  NOTE Make sure the lucide-react package is the same version
 */

ts/components/MemberListItem.tsx

@@ -305,7 +305,7 @@ const PromoteButton = ({ groupPk, pubkey }: { pubkey: PubkeyType; groupPk: Group
       buttonShape={SessionButtonShape.Square}
       buttonType={SessionButtonType.Solid}
       buttonColor={SessionButtonColor.Danger}
-      text={window.i18n('promote')} // TODO DO NOT MERGE Remove after QA
+      text={window.i18n('promote')}
       onClick={() => {
         void promoteUsersInGroup({
           groupPk,

ts/components/NoticeBanner.tsx

@@ -2,7 +2,6 @@ import { SessionDataTestId } from 'react';
 import styled from 'styled-components';
 import { Flex } from './basic/Flex';
 import { SessionIconButton, SessionIconType } from './icon';
-import { StyledRootDialog } from './dialog/StyledRootDialog';
 
 const StyledNoticeBanner = styled(Flex)<{ isClickable: boolean }>`
   background-color: var(--primary-color);
@@ -54,28 +53,3 @@ export const NoticeBanner = (props: NoticeBannerProps) => {
     </StyledNoticeBanner>
   );
 };
-
-const StyledGroupInviteBanner = styled(Flex)`
-  position: relative;
-  color: var(--black-color);
-  background-color: var(--orange-color);
-  font-size: var(--font-size-sm);
-  padding: var(--margins-xs) var(--margins-lg);
-  text-align: center;
-  flex-shrink: 0;
-
-  // when part a a dialog, invert it and make it narrower (as the dialog grows to make it fit)
-  ${StyledRootDialog} & {
-    max-width: 300px;
-    color: var(--warning-color);
-    background-color: inherit;
-  }
-`;
-
-export const GroupInviteRequiredVersionBanner = () => {
-  return (
-    <StyledGroupInviteBanner data-testid="version-warning">
-      {window.i18n('groupInviteVersion')}
-    </StyledGroupInviteBanner>
-  );
-};