From 96afa1fa50998d855ed1cdb79ad94288cf3eb955 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Mon, 21 Oct 2024 20:59:01 +0530
Subject: [PATCH 1/4] fix: switch camera not working

---
 .../components/FilesUploader/FilesUploaderArea.vue   | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/FilesUploader/FilesUploaderArea.vue b/frontend/src/components/FilesUploader/FilesUploaderArea.vue
index 97db094c..30b8a0eb 100644
--- a/frontend/src/components/FilesUploader/FilesUploaderArea.vue
+++ b/frontend/src/components/FilesUploader/FilesUploaderArea.vue
@@ -201,21 +201,29 @@ function onFileInput(event) {
 
 const video = ref(null)
 const facingMode = ref('environment')
+const stream = ref(null)
 
 async function startCamera() {
   showCamera.value = true
 
-  let stream = await navigator.mediaDevices.getUserMedia({
+  stream.value = await navigator.mediaDevices.getUserMedia({
     video: {
       facingMode: facingMode.value,
     },
     audio: false,
   })
-  video.value.srcObject = stream
+  video.value.srcObject = stream.value
+}
+
+function stopStream() {
+  stream.value.getTracks().forEach((track) => track.stop())
+  showCamera.value = false
+  cameraImage.value = null
 }
 
 function switchCamera() {
   facingMode.value = facingMode.value === 'environment' ? 'user' : 'environment'
+  stopStream()
   startCamera()
 }
 

From 1fee6b14e1511fb4f0e276808594aa708da0330b Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Mon, 21 Oct 2024 20:59:27 +0530
Subject: [PATCH 2/4] chore: back instead of back to file uploader in mobile
 view

---
 frontend/src/components/FilesUploader/FilesUploader.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/FilesUploader/FilesUploader.vue b/frontend/src/components/FilesUploader/FilesUploader.vue
index 33d9561c..c5fa957c 100644
--- a/frontend/src/components/FilesUploader/FilesUploader.vue
+++ b/frontend/src/components/FilesUploader/FilesUploader.vue
@@ -28,7 +28,7 @@
             v-if="
               filesUploaderArea?.showWebLink || filesUploaderArea?.showCamera
             "
-            :label="__('Back to file upload')"
+            :label="isMobileView ? __('Back') : __('Back to file upload')"
             @click="
               () => {
                 filesUploaderArea.showWebLink = false
@@ -103,6 +103,7 @@
 <script setup>
 import FilesUploaderArea from '@/components/FilesUploader/FilesUploaderArea.vue'
 import FilesUploadHandler from './filesUploaderHandler'
+import { isMobileView } from '@/composables/settings'
 import { createToast } from '@/utils'
 import { ref, computed } from 'vue'
 

From 64d8e8655ac86eae99142a7cf167e9eebf320441 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Mon, 21 Oct 2024 21:11:11 +0530
Subject: [PATCH 3/4] chore: truncate file name

---
 .../src/components/FilesUploader/FilesUploaderArea.vue    | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/FilesUploader/FilesUploaderArea.vue b/frontend/src/components/FilesUploader/FilesUploaderArea.vue
index 30b8a0eb..2f940298 100644
--- a/frontend/src/components/FilesUploader/FilesUploaderArea.vue
+++ b/frontend/src/components/FilesUploader/FilesUploaderArea.vue
@@ -60,9 +60,9 @@
       <div
         v-for="file in files"
         :key="file.name"
-        class="flex items-center justify-between py-3"
+        class="flex items-center justify-between gap-2 py-3"
       >
-        <div class="flex items-center gap-4">
+        <div class="flex items-center gap-4 truncate">
           <div
             class="size-11 rounded overflow-hidden flex-shrink-0 flex justify-center items-center"
             :class="{ border: !file.type?.startsWith('image') }"
@@ -75,8 +75,8 @@
             />
             <component v-else class="size-4" :is="fileIcon(file.type)" />
           </div>
-          <div class="flex flex-col gap-1 text-sm text-gray-600">
-            <div class="text-base text-gray-800">
+          <div class="flex flex-col gap-1 text-sm text-gray-600 truncate">
+            <div class="text-base text-gray-800 truncate">
               {{ file.name }}
             </div>
             <div class="mb-1">

From 1a67cc9d98712605ceac8d833a1052470bf3eef8 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Mon, 21 Oct 2024 21:25:45 +0530
Subject: [PATCH 4/4] chore: attachments tab in mobile view

---
 frontend/src/components/Activities/Activities.vue | 7 ++-----
 frontend/src/components/Activities/TaskArea.vue   | 4 ++--
 2 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/frontend/src/components/Activities/Activities.vue b/frontend/src/components/Activities/Activities.vue
index 18ae007c..f4613998 100644
--- a/frontend/src/components/Activities/Activities.vue
+++ b/frontend/src/components/Activities/Activities.vue
@@ -63,10 +63,7 @@
           </div>
         </div>
       </div>
-      <div
-        v-else-if="title == 'Tasks'"
-        class="px-3 pb-3 sm:px-10 sm:pb-5 overflow-x-auto sm:w-full w-max"
-      >
+      <div v-else-if="title == 'Tasks'" class="px-3 pb-3 sm:px-10 sm:pb-5">
         <TaskArea :modalRef="modalRef" :tasks="activities" :doctype="doctype" />
       </div>
       <div v-else-if="title == 'Calls'" class="activity">
@@ -100,7 +97,7 @@
       </div>
       <div
         v-else-if="title == 'Attachments'"
-        class="px-3 pb-3 sm:px-10 sm:pb-5 overflow-x-auto sm:w-full w-max"
+        class="px-3 pb-3 sm:px-10 sm:pb-5"
       >
         <AttachmentArea
           :attachments="activities"
diff --git a/frontend/src/components/Activities/TaskArea.vue b/frontend/src/components/Activities/TaskArea.vue
index b8d2fae8..931c0007 100644
--- a/frontend/src/components/Activities/TaskArea.vue
+++ b/frontend/src/components/Activities/TaskArea.vue
@@ -5,8 +5,8 @@
         class="activity flex cursor-pointer gap-6 rounded p-2.5 duration-300 ease-in-out hover:bg-gray-50"
         @click="modalRef.showTask(task)"
       >
-        <div class="flex flex-1 flex-col gap-1.5 text-base">
-          <div class="font-medium text-gray-900">
+        <div class="flex flex-1 flex-col gap-1.5 text-base truncate">
+          <div class="font-medium text-gray-900 truncate">
             {{ task.title }}
           </div>
           <div class="flex gap-1.5 text-gray-800">