Fix Vulnerability table width (#2861)

### What's done: * Fix Vulnerability table width
saveourtool · Nov 16, 2023 · cc7a66a · cc7a66a
1 parent d48efe7
commit cc7a66a
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 2 deletions.
diff --git a/save-frontend/src/main/kotlin/com/saveourtool/save/frontend/components/Footer.kt b/save-frontend/src/main/kotlin/com/saveourtool/save/frontend/components/Footer.kt
@@ -24,7 +24,7 @@ val footer: FC<Props> = FC {
             div {
                 className = ClassName("copyright text-center my-auto")
                 span {
-                    +"Copyright ${js("String.fromCharCode(169)")} SAVE 2021-2022"
+                    +"Copyright ${js("String.fromCharCode(169)")} SAVE 2021-2023"
                     br {}
                     +"Version $SAVE_CLOUD_VERSION"
                 }

diff --git a/...kotlin/com/saveourtool/save/frontend/components/views/vuln/VulnerabilityTableComponent.kt b/...kotlin/com/saveourtool/save/frontend/components/views/vuln/VulnerabilityTableComponent.kt
@@ -35,6 +35,9 @@ import web.cssom.rem
 import kotlinx.serialization.encodeToString
 import kotlinx.serialization.json.Json
 
+private const val MAX_LEN_FOR_TEXT = 40
+private const val SPLIT_INDEX = 25
+
 /**
  * [FC] for [vulnerabilityTableComponent]
  */
@@ -131,7 +134,7 @@ val vulnerabilityTableComponent: FC<VulnerabilityTableComponentProps> = FC { pro
                         Fragment.create {
                             td {
                                 className = ClassName("align-middle")
-                                +cellContext.row.original.summary
+                                +splitLongWordsInText(cellContext.row.original.summary)
                             }
                         }
                     }
@@ -387,3 +390,16 @@ private fun pageCount(total: Int, pageSize: Int): Int {
      */
     return (total + pageSize - 1) / pageSize
 }
+
+private fun splitLongWordsInText(text: String): String {
+    val words = text.split(' ')
+    return words.joinToString(" ") { word ->
+        if (word.length > MAX_LEN_FOR_TEXT) {
+            val sb = StringBuilder(word)
+            sb.insert(SPLIT_INDEX, '\n')
+            sb.toString()
+        } else {
+            word
+        }
+    }
+}