designed single skill card

DBTApp/.idea/deploymentTargetSelector.xml

@@ -11,6 +11,9 @@
       <SelectionState runConfigName="MainContent">
         <option name="selectionMode" value="DROPDOWN" />
       </SelectionState>
+      <SelectionState runConfigName="SingleSkillCard">
+        <option name="selectionMode" value="DROPDOWN" />
+      </SelectionState>
     </selectionStates>
   </component>
 </project>

DBTApp/app/src/main/java/de/cdaut/dbtapp/components/SkillsList.kt

@@ -0,0 +1,73 @@
+package de.cdaut.dbtapp.components
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.interaction.Interaction
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.IntrinsicSize
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxHeight
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.width
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.Star
+import androidx.compose.material.icons.outlined.Star
+import androidx.compose.material.icons.outlined.StarOutline
+import androidx.compose.material3.Button
+import androidx.compose.material3.Icon
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import de.cdaut.dbtapp.R
+
+@Preview
+@Composable
+private fun SingleSkillCard() {
+    var selected by remember {
+        mutableStateOf(false)
+    }
+    Row(
+        modifier = Modifier
+            .fillMaxWidth()
+            .height(IntrinsicSize.Min)
+            .background(Color.LightGray)
+            .padding(10.dp),
+        horizontalArrangement = Arrangement.SpaceBetween,
+        verticalAlignment = Alignment.CenterVertically
+    ) {
+        Column(
+            modifier = Modifier
+                .fillMaxHeight()
+                .padding(6.dp),
+            verticalArrangement = Arrangement.SpaceBetween,
+
+            ) {
+            Text("Titel")
+            Text("Beschreibung")
+        }
+
+        Icon(
+            modifier = Modifier
+                .padding(10.dp)
+                .clickable(onClick = {
+                    selected = !selected
+                }),
+            imageVector = if (selected) Icons.Outlined.Star else Icons.Outlined.StarOutline,
+            contentDescription = stringResource(R.string.desc_btn_fav),
+            tint = if (selected) Color.Yellow else Color.Black
+        )
+
+    }
+}

DBTApp/app/src/main/res/values-de/strings.xml

@@ -7,4 +7,5 @@
     <string name="label_favourites">Favoriten</string>
     <string name="label_skillschains">Skillsketten</string>
     <string name="emergency_button_description">Notfallknopf</string>
+    <string name="desc_btn_fav">Favorisieren Button</string>
 </resources>

DBTApp/app/src/main/res/values/strings.xml

@@ -6,4 +6,5 @@
     <string name="label_favourites">Favourites</string>
     <string name="label_skillschains">Skills Chains</string>
     <string name="emergency_button_description">Emergency Button</string>
+    <string name="desc_btn_fav">Favourte Button</string>
 </resources>