Milestone v231003

CHANGELOG.md

@@ -7,6 +7,18 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.86.4] - 2023-11-11
+
+### Added
+
+1. Feature newtork app ui update (#3073)
+1. Feature Update instructions about the upload size limitation (#3074)
+1. Feature fit figma profile page tab (#3075)
+
+### Fixed
+
+1. Fix Issue When user registers the account but user inputs the existing name the error message is wrong (#3076)
+
 ## [0.85.2] - 2023-09-21
 
 ### Added
@@ -2201,7 +2213,8 @@ This is the first release! _Capture Lite_ is a cross-platform app adapted from [
 - Web - see the demo [here](https://github.com/numbersprotocol/capture-lite#demo-app)
 - Android - the APK file `app-debug.apk` is attached to this release
 
-[unreleased]: https://github.com/numbersprotocol/capture-lite/compare/0.85.2...HEAD
+[unreleased]: https://github.com/numbersprotocol/capture-lite/compare/0.86.4...HEAD
+[0.86.4]: https://github.com/numbersprotocol/capture-lite/compare/0.83.2...0.86.4
 [0.83.2]: https://github.com/numbersprotocol/capture-lite/compare/0.82.4...0.85.2
 [0.82.4]: https://github.com/numbersprotocol/capture-lite/compare/0.82.4...0.83.2
 [0.82.4]: https://github.com/numbersprotocol/capture-lite/compare/0.82.3...0.82.4

android/app/build.gradle

@@ -7,8 +7,8 @@ android {
         applicationId "io.numbersprotocol.capturelite"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 852
-        versionName "0.85.2"
+        versionCode 864
+        versionName "0.86.4"
         testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
     }
     buildFeatures {

ios/App/App.xcodeproj/project.pbxproj

@@ -368,13 +368,13 @@
 				CODE_SIGN_ENTITLEMENTS = App/App.entitlements;
 				CODE_SIGN_IDENTITY = "iPhone Distribution";
 				CODE_SIGN_STYLE = Manual;
-				CURRENT_PROJECT_VERSION = 852;
+				CURRENT_PROJECT_VERSION = 864;
 				DEVELOPMENT_TEAM = G7NB5YCKAP;
 				"DEVELOPMENT_TEAM[sdk=iphoneos*]" = G7NB5YCKAP;
 				INFOPLIST_FILE = App/Info.plist;
 				IPHONEOS_DEPLOYMENT_TARGET = 15.6;
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
-				MARKETING_VERSION = 0.85.2;
+				MARKETING_VERSION = 0.86.4;
 				OTHER_SWIFT_FLAGS = "$(inherited) \"-D\" \"COCOAPODS\" \"-DDEBUG\"";
 				PRODUCT_BUNDLE_IDENTIFIER = io.numbersprotocol.capturelite;
 				PRODUCT_NAME = "$(TARGET_NAME)";
@@ -395,13 +395,13 @@
 				CODE_SIGN_ENTITLEMENTS = App/App.entitlements;
 				CODE_SIGN_IDENTITY = "iPhone Distribution";
 				CODE_SIGN_STYLE = Manual;
-				CURRENT_PROJECT_VERSION = 852;
+				CURRENT_PROJECT_VERSION = 864;
 				DEVELOPMENT_TEAM = G7NB5YCKAP;
 				"DEVELOPMENT_TEAM[sdk=iphoneos*]" = G7NB5YCKAP;
 				INFOPLIST_FILE = App/Info.plist;
 				IPHONEOS_DEPLOYMENT_TARGET = 15.6;
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
-				MARKETING_VERSION = 0.85.2;
+				MARKETING_VERSION = 0.86.4;
 				PRODUCT_BUNDLE_IDENTIFIER = io.numbersprotocol.capturelite;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				PROVISIONING_PROFILE_SPECIFIER = NumbersAppDistributionV4;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "capture-lite",
-  "version": "0.85.2",
+  "version": "0.86.4",
   "author": "numbersprotocol",
   "homepage": "https://numbersprotocol.io/",
   "scripts": {

src/app/features/home/capture-tab/capture-tab.component.html

@@ -2,7 +2,40 @@
   <ion-refresher slot="fixed" (ionRefresh)="refreshCaptures($event)">
     <ion-refresher-content></ion-refresher-content>
   </ion-refresher>
-  <mat-card *transloco="let t" class="user-card" id="user-card">
+
+  <mat-card
+    *transloco="let t"
+    class="user-card"
+    id="user-card"
+    [style.background-image]="'url(' + (profileBackground$ | async) + ')'"
+  >
+    <mat-toolbar>
+      <button (click)="openMenu()" mat-mini-fab class="custom-fab-button">
+        <mat-icon>more_horiz</mat-icon>
+      </button>
+      <span class="toolbar-spacer"></span>
+      <button routerLink="activities" mat-mini-fab class="custom-fab-button">
+        <mat-icon [title]="'userGuide.activities' | transloco">
+          history
+        </mat-icon>
+      </button>
+      <button
+        routerLink="inbox"
+        mat-mini-fab
+        class="custom-fab-button margin-left-8"
+      >
+        <mat-icon
+          *ngrxLet="hasNewInbox$ as hasNewInbox"
+          matBadge="&#8288;"
+          [matBadgeHidden]="!hasNewInbox"
+          matBadgeSize="small"
+          matBadgeColor="warn"
+        >
+          email
+        </mat-icon>
+      </button>
+    </mat-toolbar>
+    <div class="vertical-spacer"></div>
     <app-avatar mat-card-avatar [editable]="false"></app-avatar>
     <mat-card-header>
       <mat-card-title>
@@ -14,8 +47,12 @@
         ></ion-icon>
       </mat-card-title>
       <div class="vertical-space-8"></div>
-      <mat-card-subtitle>{{ email$ | ngrxPush }} </mat-card-subtitle>
+      <mat-card-subtitle
+        >{{ profileDescription$ | ngrxPush }}
+      </mat-card-subtitle>
     </mat-card-header>
+
+    <div class="background-image-gradient"></div>
   </mat-card>
   <app-uploading-bar></app-uploading-bar>
 

src/app/features/home/capture-tab/capture-tab.component.scss

@@ -11,7 +11,52 @@ mat-card {
   display: flex;
   flex-direction: column;
   align-items: center;
-  justify-content: center;
+  justify-content: start;
+  min-height: 45vh;
+  width: 100%;
+  padding: 0 0 8px;
+  box-shadow: none;
+  background-size: cover !important; /* stylelint-disable-line declaration-no-important */
+  background-position: center center !important; /* stylelint-disable-line declaration-no-important */
+
+  mat-toolbar {
+    background: transparent;
+
+    .custom-fab-button {
+      border-radius: 37px;
+      background: #ffffff40;
+      backdrop-filter: blur(2px);
+
+      &.mat-mini-fab {
+        box-shadow: none;
+      }
+
+      mat-icon {
+        color: white;
+      }
+    }
+
+    .margin-left-8 {
+      margin-left: 8px;
+    }
+  }
+
+  .vertical-spacer {
+    flex: 1;
+  }
+
+  .background-image-gradient {
+    position: absolute;
+    bottom: 0;
+    height: 20vh;
+    width: 100%;
+    z-index: 1;
+    background: linear-gradient(to bottom, transparent, #00000080 10vh);
+  }
+}
+
+mat-card-header {
+  z-index: 2;
 }
 
 mat-card-title {
@@ -28,13 +73,6 @@ mat-card-subtitle {
   text-align: center;
 }
 
-.user-card {
-  width: 100%;
-  padding-left: 16px;
-  padding-right: 16px;
-  box-shadow: none;
-}
-
 #user-card {
   background-color: var(--capture-color-dark-background, white);
 }
@@ -50,8 +88,8 @@ mat-card-subtitle {
 }
 
 app-avatar {
-  width: 64px;
-  height: 64px;
+  width: 120px;
+  height: 120px;
 }
 
 .network-status {
@@ -65,7 +103,7 @@ app-avatar {
 }
 
 .capture-container {
-  padding: 32px 16px;
+  padding: 32px 8px;
 }
 
 app-capture-item {
@@ -77,7 +115,7 @@ app-capture-item {
 
 .post-captures {
   overflow: auto;
-  padding: 16px;
+  padding: 32px 8px;
 
   mat-grid-tile {
     ion-img {
@@ -108,3 +146,8 @@ app-capture-item {
     }
   }
 }
+
+mat-grid-list {
+  margin-left: 12px;
+  margin-right: 12px;
+}