[INJIMOB-1081] modified splash screen and assets

Co-Authored by: srikanth716 <srikanthsri7447@gmail.com> Signed-off-by: Ayushi Dey <ayushirakshitdey@gmail.com>
2026-01-09 05:27:57 -05:00 · 2024-05-15 18:37:23 +05:30
parent d7bf86a482
commit 48dda82c13
14 changed files with 29 additions and 65 deletions
--- a/assets/Info.svg
+++ b/assets/Info.svg
@@ -1,8 +1,8 @@
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.001" height="16.001" viewBox="0 0 16.001 16.001">
  <defs>
    <linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="0.942" gradientUnits="objectBoundingBox">
-      <stop offset="0" stop-color="#f59b4b"/>
-      <stop offset="1" stop-color="#e86e04"/>
+      <stop offset="0" stop-color="@fill"/>
+      <stop offset="1" stop-color="@fill2"/>
    </linearGradient>
  </defs>
  <path id="info_FILL0_wght400_GRAD0_opsz48" d="M87.46-868h1.2v-4.8h-1.2Zm.54-6.28a.65.65,0,0,0,.47-.184.609.609,0,0,0,.19-.456.669.669,0,0,0-.19-.484.628.628,0,0,0-.47-.2.63.63,0,0,0-.47.2.668.668,0,0,0-.19.484.61.61,0,0,0,.19.456A.649.649,0,0,0,88-874.28ZM88.006-864a7.744,7.744,0,0,1-3.11-.63,8.129,8.129,0,0,1-2.545-1.72,8.125,8.125,0,0,1-1.72-2.547,7.759,7.759,0,0,1-.63-3.113,7.758,7.758,0,0,1,.63-3.113,8.006,8.006,0,0,1,1.72-2.537,8.213,8.213,0,0,1,2.547-1.71A7.758,7.758,0,0,1,88.01-880a7.759,7.759,0,0,1,3.113.63,8.091,8.091,0,0,1,2.537,1.71,8.08,8.08,0,0,1,1.71,2.54A7.777,7.777,0,0,1,96-872a7.744,7.744,0,0,1-.63,3.11,8.172,8.172,0,0,1-1.71,2.542,8.077,8.077,0,0,1-2.54,1.72A7.738,7.738,0,0,1,88.006-864Zm0-1.2a6.532,6.532,0,0,0,4.81-1.99,6.582,6.582,0,0,0,1.98-4.82,6.555,6.555,0,0,0-1.976-4.81A6.557,6.557,0,0,0,88-878.8a6.576,6.576,0,0,0-4.81,1.976A6.54,6.54,0,0,0,81.2-872a6.554,6.554,0,0,0,1.99,4.81A6.565,6.565,0,0,0,88.01-865.2ZM88-872Z" transform="translate(-80 880)" fill="url(#linear-gradient)"/>
--- a/components/ui/svg.tsx
+++ b/components/ui/svg.tsx
@@ -21,7 +21,7 @@ import ReceiveCard from '../../assets/Receive_Card.svg';
 import ReceivedCards from '../../assets/Received_Cards.svg';
 import ProgressIcon from '../../assets/Progress_Icon1.svg';
 import testIDProps from '../../shared/commonUtil';
-import Logo from '../../assets/Mosip_Logo1.svg';
+import Logo from '../../assets/Inji_Logo';
 import WarningLogo from '../../assets/Warning_Icon.svg';
 import OtpVerificationIcon from '../../assets/Otp_Verification_Icon.svg';
 import FlipCameraIcon from '../../assets/Flip_Camera_Icon.svg';
@@ -252,11 +252,14 @@ export class SvgImage {
    );
  }

-  static InjiLogo() {
+  static InjiLogo(props: LogoProps) {
+    const {width, height} = props;
    return (
      <InjiLogo
        color1={Theme.Colors.linearGradientStart}
        color2={Theme.Colors.linearGradientEnd}
+        width={width}
+        height={height}
      />
    );
  }
--- a/components/ui/themes/DefaultTheme.ts
+++ b/components/ui/themes/DefaultTheme.ts
@@ -387,8 +387,12 @@ export const DefaultTheme = {
      justifyContent: 'space-between',
    },
    welcomeLogo: {
-      width: 160.441,
-      height: 173.276,
+      width: 185,
+      height: 71,
+    },
+    injiLogo: {
+      width: 105,
+      height: 40,
    },
    logo: {
      height: 35,
--- a/components/ui/themes/PurpleTheme.ts
+++ b/components/ui/themes/PurpleTheme.ts
@@ -392,8 +392,12 @@ export const PurpleTheme = {
      justifyContent: 'space-between',
    },
    welcomeLogo: {
-      width: 160.441,
-      height: 173.276,
+      width: 185,
+      height: 71,
+    },
+    injiLogo: {
+      width: 105,
+      height: 40,
    },
    logo: {
      height: 35,
--- a/ios/Inji/Images.xcassets/Contents.json
+++ b/ios/Inji/Images.xcassets/Contents.json
@@ -1,6 +1,6 @@
 {
  "info" : {
-    "version" : 1,
-    "author" : "expo"
+    "author" : "xcode",
+    "version" : 1
  }
 }
--- a/ios/Inji/Images.xcassets/SplashScreen.imageset/Contents.json
+++ b/ios/Inji/Images.xcassets/SplashScreen.imageset/Contents.json
@@ -1,23 +0,0 @@
-{
-  "images" : [
-    {
-      "filename" : "splash.png",
-      "idiom" : "universal",
-      "scale" : "1x"
-    },
-    {
-      "filename" : "splash@2x.png",
-      "idiom" : "universal",
-      "scale" : "2x"
-    },
-    {
-      "filename" : "splash@3x.png",
-      "idiom" : "universal",
-      "scale" : "3x"
-    }
-  ],
-  "info" : {
-    "author" : "xcode",
-    "version" : 1
-  }
-}
--- a/ios/Inji/Images.xcassets/SplashScreen.imageset/splash.png
+++ b/ios/Inji/Images.xcassets/SplashScreen.imageset/splash.png
--- a/ios/Inji/Images.xcassets/SplashScreen.imageset/splash@2x.png
+++ b/ios/Inji/Images.xcassets/SplashScreen.imageset/splash@2x.png
--- a/ios/Inji/Images.xcassets/SplashScreen.imageset/splash@3x.png
+++ b/ios/Inji/Images.xcassets/SplashScreen.imageset/splash@3x.png
--- a/ios/Inji/Images.xcassets/SplashScreenBackground.imageset/Contents.json
+++ b/ios/Inji/Images.xcassets/SplashScreenBackground.imageset/Contents.json
@@ -1,21 +0,0 @@
-{
-  "images": [
-    {
-      "idiom": "universal",
-      "filename": "image.png",
-      "scale": "1x"
-    },
-    {
-      "idiom": "universal",
-      "scale": "2x"
-    },
-    {
-      "idiom": "universal",
-      "scale": "3x"
-    }
-  ],
-  "info": {
-    "version": 1,
-    "author": "expo"
-  }
-}
--- a/ios/Inji/Images.xcassets/SplashScreenBackground.imageset/image.png
+++ b/ios/Inji/Images.xcassets/SplashScreenBackground.imageset/image.png
--- a/ios/Podfile.lock
+++ b/ios/Podfile.lock
@@ -61,10 +61,6 @@ PODS:
    - ReactCommon/turbomodule/core
  - ExpoWebBrowser (12.5.0):
    - ExpoModulesCore
-  - EXSplashScreen (0.22.0):
-    - ExpoModulesCore
-    - RCT-Folly (= 2021.07.22.00)
-    - React-Core
  - EXStructuredHeaders (3.3.0)
  - EXUpdates (0.18.17):
    - ASN1Decoder (~> 1.8)
@@ -558,7 +554,6 @@ DEPENDENCIES:
  - ExpoLocalization (from `../node_modules/expo-localization/ios`)
  - ExpoModulesCore (from `../node_modules/expo-modules-core`)
  - ExpoWebBrowser (from `../node_modules/expo-web-browser/ios`)
-  - EXSplashScreen (from `../node_modules/expo-splash-screen/ios`)
  - EXStructuredHeaders (from `../node_modules/expo-structured-headers/ios`)
  - EXUpdates (from `../node_modules/expo-updates/ios`)
  - EXUpdatesInterface (from `../node_modules/expo-updates-interface/ios`)
@@ -695,8 +690,6 @@ EXTERNAL SOURCES:
    :path: "../node_modules/expo-modules-core"
  ExpoWebBrowser:
    :path: "../node_modules/expo-web-browser/ios"
-  EXSplashScreen:
-    :path: "../node_modules/expo-splash-screen/ios"
  EXStructuredHeaders:
    :path: "../node_modules/expo-structured-headers/ios"
  EXUpdates:
@@ -860,7 +853,6 @@ SPEC CHECKSUMS:
  ExpoLocalization: f26cd431ad9ea3533c5b08c4fabd879176a794bb
  ExpoModulesCore: f0581cd745335dd7a68117f6fedd22b98e2c73f0
  ExpoWebBrowser: b6e56949734089d75f758f21cfe93fad02bd828c
-  EXSplashScreen: 5ed09ea490155ef603d007d9f194c9e04a4b7980
  EXStructuredHeaders: 324cc3130571d2696357fafd8be7fd9a0b5fdf6e
  EXUpdates: 8f03b362414e8f9f0998f8a6d6c9fc00f2a9d2f2
  EXUpdatesInterface: 82ed48d417cdcd376c12ca1c2ce390d35500bed6
--- a/screens/HomeScreenLayout.tsx
+++ b/screens/HomeScreenLayout.tsx
@@ -65,10 +65,15 @@ export const HomeScreenLayout: React.FC<RootRouteProps> = props => {
  const [isRTL] = useState(I18nManager.isRTL);

  var HomeScreenOptions = {
-    headerLeft: () => (isIOS() || !isRTL ? SvgImage.InjiLogo() : screenOptions),
+    headerLeft: () =>
+      isIOS() || !isRTL
+        ? SvgImage.InjiLogo(Theme.Styles.injiLogo)
+        : screenOptions,
    headerTitle: '',
    headerRight: () =>
-      isIOS() || !isRTL ? screenOptions : SvgImage.InjiLogo(),
+      isIOS() || !isRTL
+        ? screenOptions
+        : SvgImage.InjiLogo(Theme.Styles.injiLogo),
  };

  return (
--- a/screens/WelcomeScreen.tsx
+++ b/screens/WelcomeScreen.tsx
@@ -16,7 +16,7 @@ export const WelcomeScreen: React.FC<RootRouteProps> = props => {
      padding="32 32 0"
      backgroundColor={Theme.Colors.whiteBackgroundColor}>
      <HorizontallyCentered fill>
-        {SvgImage.MosipLogo(Theme.Styles.welcomeLogo)}
+        {SvgImage.InjiLogo(Theme.Styles.welcomeLogo)}
      </HorizontallyCentered>
      <Button
        testID="unlockApplication"