From f320d7946ad52ddb7517f2e28c19bf5e17af436d Mon Sep 17 00:00:00 2001
From: Johannes Klein <17345891+jtklein@users.noreply.github.com>
Date: Wed, 1 Jul 2026 12:54:40 +0200
Subject: [PATCH] Add button bar UI without any logic

---
 .../AddToProjects/AddToProjects.tsx           | 30 +++++++++++++++++++
 1 file changed, 30 insertions(+)

diff --git a/src/components/AddToProjects/AddToProjects.tsx b/src/components/AddToProjects/AddToProjects.tsx
index 7f476976b..a47107043 100644
--- a/src/components/AddToProjects/AddToProjects.tsx
+++ b/src/components/AddToProjects/AddToProjects.tsx
@@ -1,7 +1,10 @@
+import { useNavigation } from "@react-navigation/native";
 import ProjectListItem from "components/ProjectList/ProjectListItem";
 import {
   Body1,
   Body2,
+  Button,
+  ButtonBar,
   CustomFlashList,
   INatIcon,
 } from "components/SharedComponents";
@@ -13,14 +16,21 @@ import { useTranslation } from "react-i18next";
 import type { ListRenderItem } from "react-native";
 import Project from "realmModels/Project";
 import type { RealmProject } from "realmModels/types";
+import { getShadow } from "styles/global";
 import colors from "styles/tailwindColors";
 
 const { useQuery } = RealmContext;
 
+const DROP_SHADOW = getShadow( {
+  offsetHeight: -3,
+  shadowOpacity: 0.2,
+} );
+
 const ItemSeparator = ( ) => <View className="border-b border-lightGray" />;
 
 const AddToProjects = ( ) => {
   const { t } = useTranslation( );
+  const navigation = useNavigation( );
   const joinedProjectsCollection = useQuery(
     {
       type: Project,
@@ -94,6 +104,11 @@ const AddToProjects = ( ) => {
     } );
   }, [] );
 
+  const onSave = ( ) => {
+    navigation.goBack( );
+  };
+  const disabled = false;
+
   const renderRightIcon = ( isSelected: boolean ) => {
     if ( isSelected ) {
       return (
@@ -144,6 +159,21 @@ const AddToProjects = ( ) => {
         ItemSeparatorComponent={ItemSeparator}
         // extraData={selectedProjectIds}
       />
+      <View
+        className="bg-white"
+        style={DROP_SHADOW}
+      >
+        <ButtonBar>
+          <Button
+            testID="AddToProjects.saveButton"
+            maxFontSizeMultiplier={1}
+            text={t( "SAVE" )}
+            onPress={onSave}
+            level="neutral"
+            disabled={disabled}
+          />
+        </ButtonBar>
+      </View>
     </SharedStackBottomInsetViewWrapper>
   );
 };