TP 42803 | In app notification UX updates (#8810)

This commit is contained in:
Neil Mehta
2023-11-28 19:04:00 +05:30
committed by GitHub
parent e1bcd14107
commit 3d0d7eba9b
2 changed files with 115 additions and 105 deletions

View File

@@ -156,7 +156,7 @@ fun NotificationWidgetsRenderer(
item {
Text(
modifier =
Modifier.padding(start = 16.dp, top = 24.dp, bottom = 4.dp),
Modifier.padding(start = 16.dp, top = 24.dp, bottom = 24.dp),
text = stringResource(id = R.string.previous_notifications),
fontSize = 16.sp,
color = Color.Black,

View File

@@ -10,108 +10,118 @@
android:height="180dp"
android:viewportWidth="180"
android:viewportHeight="180">
<path
android:pathData="M162.07,47.58L35.1,57.93C34.55,57.98 34.14,58.46 34.18,59.01L37.49,99.59C37.54,100.14 38.02,100.56 38.57,100.51L165.54,90.16C166.09,90.12 166.5,89.63 166.46,89.08L163.15,48.5C163.1,47.95 162.62,47.54 162.07,47.58Z"
android:strokeWidth="0.46"
android:fillColor="#F7F7F7"
android:strokeColor="#A1A7A5"/>
<path
android:pathData="M57.2,73.25C56.8,72.91 56.29,72.75 55.77,72.78L48.34,73.27L49.14,85.44L53.26,85.17L52.72,76.93L56.84,76.66L57.29,83.53C57.34,84.29 57.99,84.86 58.75,84.81L61.49,84.63L61.01,77.26C60.98,76.71 60.72,76.19 60.3,75.84L57.2,73.25Z"
android:strokeWidth="0.634712"
android:fillColor="#CACDCC"
android:strokeColor="#A1A7A5"/>
<path
android:pathData="M56.18,66.6L56.44,70.53L62.57,70.13L62.97,76.26L66.91,76.01L66.25,65.94L56.18,66.6Z"
android:strokeWidth="0.634712"
android:fillColor="#CACDCC"
android:strokeColor="#A1A7A5"/>
<path
android:pathData="M138.85,59.45L79.02,64.33C78.95,64.33 78.9,64.39 78.91,64.47L79.58,72.69C79.58,72.76 79.64,72.81 79.72,72.81L139.54,67.93C139.61,67.93 139.66,67.86 139.66,67.79L138.99,59.57C138.98,59.5 138.92,59.44 138.85,59.45Z"
android:strokeWidth="0.4"
android:fillColor="#CACDCC"
android:strokeColor="#A1A7A5"/>
<path
android:pathData="M155.14,72.6L80.07,78.72L80.75,87.02L155.82,80.9L155.14,72.6Z"
android:strokeWidth="0.4"
android:fillColor="#CACDCC"
android:strokeColor="#A1A7A5"/>
<path
android:pathData="M34.89,65.54L158.03,79.48L156.94,90.76L37.77,100.34L34.89,65.54Z"
android:strokeAlpha="0.2"
android:fillColor="#7A7F88"
android:fillAlpha="0.2"/>
<path
android:pathData="M32.54,35.02C34.54,34.36 35.64,32.2 34.98,30.18C34.32,28.16 32.16,27.08 30.14,27.74C28.12,28.4 27.04,30.56 27.7,32.58C28.36,34.6 30.52,35.68 32.54,35.02Z"
android:fillColor="#ECECEC"/>
<path
android:pathData="M90.15,135.63C92.15,134.97 93.25,132.81 92.59,130.79C91.93,128.77 89.77,127.69 87.75,128.35C85.73,129.01 84.65,131.17 85.31,133.19C85.97,135.21 88.13,136.29 90.15,135.63Z"
android:fillColor="#ECECEC"/>
<path
android:pathData="M20.76,21.52C22.13,21.07 22.87,19.59 22.42,18.22C21.97,16.85 20.49,16.11 19.12,16.56C17.75,17.01 17.01,18.49 17.46,19.86C17.91,21.23 19.39,21.97 20.76,21.52Z"
android:fillColor="#ECECEC"/>
<path
android:strokeWidth="1"
android:pathData="M17.77,158.48H28.77"
android:fillColor="#00000000"
android:strokeColor="#CACDCC"/>
<path
android:strokeWidth="1"
android:pathData="M23.27,163.98V152.98"
android:fillColor="#00000000"
android:strokeColor="#CACDCC"/>
<path
android:strokeWidth="1"
android:pathData="M159.15,13.24H170.15"
android:fillColor="#00000000"
android:strokeColor="#CACDCC"/>
<path
android:strokeWidth="1"
android:pathData="M164.65,18.74V7.74"
android:fillColor="#00000000"
android:strokeColor="#CACDCC"/>
<path
android:pathData="M151.88,84.53L25.47,68.77C24.92,68.7 24.42,69.09 24.35,69.63L19.31,110.04C19.25,110.59 19.64,111.09 20.18,111.16L146.59,126.93C147.14,126.99 147.64,126.61 147.71,126.06L152.75,85.65C152.82,85.1 152.43,84.6 151.88,84.53Z"
android:strokeWidth="0.46"
android:fillColor="#ffffff"
android:strokeColor="#A1A7A5"/>
<path
android:pathData="M126.85,91.48L67.03,84.02L65.99,92.35L125.81,99.81L126.85,91.48Z"
android:strokeWidth="0.5"
android:fillColor="#ECECEC"
android:strokeColor="#A1A7A5"/>
<path
android:pathData="M140.05,107.14L65.31,97.82L64.17,107.01L138.91,116.33L140.05,107.14Z"
android:strokeWidth="0.5"
android:fillColor="#ECECEC"
android:strokeColor="#A1A7A5"/>
<path
android:pathData="M147.82,111.17L146,125.74C145.93,126.29 145.43,126.68 144.89,126.61L111.76,122.47C112.17,119.34 113.48,116.47 115.46,114.03C119.46,109.09 126.18,105.95 133.72,106.16C134.53,106.18 135.33,106.24 136.11,106.34C140.61,106.9 144.65,108.63 147.82,111.17Z"
android:strokeAlpha="0.2"
android:fillColor="#7A7F88"
android:fillAlpha="0.2"/>
<path
android:pathData="M141.73,148.72C153.65,148.72 163.32,139.05 163.32,127.13C163.32,115.21 153.65,105.54 141.73,105.54C129.81,105.54 120.14,115.21 120.14,127.13C120.14,139.05 129.81,148.72 141.73,148.72Z"
android:strokeWidth="0.5"
android:fillColor="#CACDCC"
android:strokeColor="#A1A7A5"/>
<path
android:pathData="M139.73,148.72C151.65,148.72 161.32,139.05 161.32,127.13C161.32,115.21 151.65,105.54 139.73,105.54C127.81,105.54 118.14,115.21 118.14,127.13C118.14,139.05 127.81,148.72 139.73,148.72Z"
android:strokeWidth="0.46"
android:fillColor="#ffffff"
android:strokeColor="#A1A7A5"/>
<path
android:pathData="M139.73,144.63C149.39,144.63 157.23,136.79 157.23,127.13C157.23,117.46 149.39,109.63 139.73,109.63C130.07,109.63 122.23,117.46 122.23,127.13C122.23,136.79 130.07,144.63 139.73,144.63Z"
android:strokeWidth="0.4"
android:fillColor="#CACDCC"
android:strokeColor="#A1A7A5"/>
<path
android:pathData="M136.73,135.81C136.73,134.12 138.05,132.8 139.74,132.8C141.43,132.8 142.75,134.12 142.75,135.81C142.75,137.5 141.43,138.82 139.74,138.82C138.05,138.82 136.73,137.5 136.73,135.81Z"
android:strokeWidth="0.5"
android:fillColor="#ffffff"
android:strokeColor="#A1A7A5"/>
<path
android:pathData="M141.76,115.44H137.71C137.18,115.44 136.76,115.87 136.77,116.4L137.2,129.5C137.21,130.01 137.63,130.42 138.14,130.42H141.49C142,130.42 142.42,130.01 142.43,129.49L142.71,116.39C142.71,115.87 142.29,115.44 141.77,115.44H141.76Z"
android:strokeWidth="0.5"
android:fillColor="#ffffff"
android:strokeColor="#A1A7A5"/>
<path
android:fillColor="#F7F7F7"
android:pathData="M162.07,47.58L35.1,57.93C34.55,57.98 34.14,58.46 34.18,59.01L37.49,99.59C37.54,100.14 38.02,100.56 38.57,100.51L165.54,90.16C166.09,90.12 166.5,89.63 166.46,89.08L163.15,48.5C163.1,47.95 162.62,47.54 162.07,47.58Z"
android:strokeWidth="0.46"
android:strokeColor="#A1A7A5" />
<path
android:fillColor="#CACDCC"
android:pathData="M57.2,73.25C56.8,72.91 56.29,72.75 55.77,72.78L48.34,73.27L49.14,85.44L53.26,85.17L52.72,76.93L56.84,76.66L57.29,83.53C57.34,84.29 57.99,84.86 58.75,84.81L61.49,84.63L61.01,77.26C60.98,76.71 60.72,76.19 60.3,75.84L57.2,73.25Z"
android:strokeWidth="0.634712"
android:strokeColor="#A1A7A5" />
<path
android:fillColor="#CACDCC"
android:pathData="M56.18,66.6L56.44,70.53L62.57,70.13L62.97,76.26L66.91,76.01L66.25,65.94L56.18,66.6Z"
android:strokeWidth="0.634712"
android:strokeColor="#A1A7A5" />
<path
android:fillColor="#CACDCC"
android:pathData="M138.85,59.45L79.02,64.33C78.95,64.33 78.9,64.39 78.91,64.47L79.58,72.69C79.58,72.76 79.64,72.81 79.72,72.81L139.54,67.93C139.61,67.93 139.66,67.86 139.66,67.79L138.99,59.57C138.98,59.5 138.92,59.44 138.85,59.45Z"
android:strokeWidth="0.4"
android:strokeColor="#A1A7A5" />
<path
android:fillColor="#CACDCC"
android:pathData="M155.14,72.6L80.07,78.72L80.75,87.02L155.82,80.9L155.14,72.6Z"
android:strokeWidth="0.4"
android:strokeColor="#A1A7A5" />
<path
android:fillAlpha="0.2"
android:fillColor="#7A7F88"
android:pathData="M34.89,65.54L158.03,79.48L156.94,90.76L37.77,100.34L34.89,65.54Z"
android:strokeAlpha="0.2" />
<path
android:fillColor="#ECECEC"
android:pathData="M32.54,35.02C34.54,34.36 35.64,32.2 34.98,30.18C34.32,28.16 32.16,27.08 30.14,27.74C28.12,28.4 27.04,30.56 27.7,32.58C28.36,34.6 30.52,35.68 32.54,35.02Z" />
<path
android:fillColor="#ECECEC"
android:pathData="M90.15,135.63C92.15,134.97 93.25,132.81 92.59,130.79C91.93,128.77 89.77,127.69 87.75,128.35C85.73,129.01 84.65,131.17 85.31,133.19C85.97,135.21 88.13,136.29 90.15,135.63Z" />
<path
android:fillColor="#ECECEC"
android:pathData="M20.76,21.52C22.13,21.07 22.87,19.59 22.42,18.22C21.97,16.85 20.49,16.11 19.12,16.56C17.75,17.01 17.01,18.49 17.46,19.86C17.91,21.23 19.39,21.97 20.76,21.52Z" />
<path
android:fillColor="#00000000"
android:pathData="M17.77,158.48H28.77"
android:strokeWidth="1"
android:strokeColor="#CACDCC" />
<path
android:fillColor="#00000000"
android:pathData="M23.27,163.98V152.98"
android:strokeWidth="1"
android:strokeColor="#CACDCC" />
<path
android:fillColor="#00000000"
android:pathData="M159.15,13.24H170.15"
android:strokeWidth="1"
android:strokeColor="#CACDCC" />
<path
android:fillColor="#00000000"
android:pathData="M164.65,18.74V7.74"
android:strokeWidth="1"
android:strokeColor="#CACDCC" />
<path
android:fillColor="#ffffff"
android:pathData="M151.88,84.53L25.47,68.77C24.92,68.7 24.42,69.09 24.35,69.63L19.31,110.04C19.25,110.59 19.64,111.09 20.18,111.16L146.59,126.93C147.14,126.99 147.64,126.61 147.71,126.06L152.75,85.65C152.82,85.1 152.43,84.6 151.88,84.53Z"
android:strokeWidth="0.46"
android:strokeColor="#A1A7A5" />
<path
android:fillColor="#ECECEC"
android:pathData="M126.85,91.48L67.03,84.02L65.99,92.35L125.81,99.81L126.85,91.48Z"
android:strokeWidth="0.5"
android:strokeColor="#A1A7A5" />
<path
android:fillColor="#ECECEC"
android:pathData="M140.05,107.14L65.31,97.82L64.17,107.01L138.91,116.33L140.05,107.14Z"
android:strokeWidth="0.5"
android:strokeColor="#A1A7A5" />
<path
android:fillAlpha="0.2"
android:fillColor="#7A7F88"
android:pathData="M147.82,111.17L146,125.74C145.93,126.29 145.43,126.68 144.89,126.61L111.76,122.47C112.17,119.34 113.48,116.47 115.46,114.03C119.46,109.09 126.18,105.95 133.72,106.16C134.53,106.18 135.33,106.24 136.11,106.34C140.61,106.9 144.65,108.63 147.82,111.17Z"
android:strokeAlpha="0.2" />
<path
android:fillColor="#CACDCC"
android:pathData="M141.73,148.72C153.65,148.72 163.32,139.05 163.32,127.13C163.32,115.21 153.65,105.54 141.73,105.54C129.81,105.54 120.14,115.21 120.14,127.13C120.14,139.05 129.81,148.72 141.73,148.72Z"
android:strokeWidth="0.5"
android:strokeColor="#A1A7A5" />
<path
android:fillColor="#ffffff"
android:pathData="M139.73,148.72C151.65,148.72 161.32,139.05 161.32,127.13C161.32,115.21 151.65,105.54 139.73,105.54C127.81,105.54 118.14,115.21 118.14,127.13C118.14,139.05 127.81,148.72 139.73,148.72Z"
android:strokeWidth="0.46"
android:strokeColor="#A1A7A5" />
<path
android:fillColor="#CACDCC"
android:pathData="M139.73,144.63C149.39,144.63 157.23,136.79 157.23,127.13C157.23,117.46 149.39,109.63 139.73,109.63C130.07,109.63 122.23,117.46 122.23,127.13C122.23,136.79 130.07,144.63 139.73,144.63Z"
android:strokeWidth="0.4"
android:strokeColor="#A1A7A5" />
<path
android:fillColor="#ffffff"
android:pathData="M136.73,135.81C136.73,134.12 138.05,132.8 139.74,132.8C141.43,132.8 142.75,134.12 142.75,135.81C142.75,137.5 141.43,138.82 139.74,138.82C138.05,138.82 136.73,137.5 136.73,135.81Z"
android:strokeWidth="0.5"
android:strokeColor="#A1A7A5" />
<path
android:fillColor="#ffffff"
android:pathData="M141.76,115.44H137.71C137.18,115.44 136.76,115.87 136.77,116.4L137.2,129.5C137.21,130.01 137.63,130.42 138.14,130.42H141.49C142,130.42 142.42,130.01 142.43,129.49L142.71,116.39C142.71,115.87 142.29,115.44 141.77,115.44H141.76Z"
android:strokeWidth="0.5"
android:strokeColor="#A1A7A5" />
<path
android:fillColor="#CACDCC"
android:pathData="M42.64,90.11C42.32,89.7 41.85,89.43 41.34,89.35L33.97,88.27L32.21,100.34L36.29,100.94L37.49,92.77L41.57,93.37L40.57,100.18C40.46,100.93 40.98,101.63 41.73,101.74L44.46,102.14L45.53,94.83C45.61,94.28 45.46,93.73 45.12,93.29L42.64,90.11Z"
android:strokeWidth="0.634712"
android:strokeColor="#A1A7A5" />
<path
android:fillColor="#CACDCC"
android:pathData="M43.03,83.39L42.46,87.29L48.54,88.19L47.65,94.26L51.55,94.84L53.01,84.86L43.03,83.39Z"
android:strokeWidth="0.634712"
android:strokeColor="#A1A7A5" />
</vector>