diff --git a/src/components/organisms/quickProfileModal/children/actionPanel.tsx b/src/components/organisms/quickProfileModal/children/actionPanel.tsx new file mode 100644 index 000000000..5488644f8 --- /dev/null +++ b/src/components/organisms/quickProfileModal/children/actionPanel.tsx @@ -0,0 +1,30 @@ +import * as React from 'react'; +import { Text, View, StyleSheet } from 'react-native'; +import EStyleSheet from 'react-native-extended-stylesheet'; +import { IconButton } from '../../..'; +import styles from './quickProfileStyles'; + +interface ActionPanelProps { + isFollowing:boolean, + isFavourite:boolean, +} + +export const ActionPanel = ({isFollowing, isFavourite}: ActionPanelProps) => { + return ( + + + + + ); +}; \ No newline at end of file diff --git a/src/components/organisms/quickProfileModal/children/quickProfileContent.tsx b/src/components/organisms/quickProfileModal/children/quickProfileContent.tsx index a13377953..2234c2c10 100644 --- a/src/components/organisms/quickProfileModal/children/quickProfileContent.tsx +++ b/src/components/organisms/quickProfileModal/children/quickProfileContent.tsx @@ -10,6 +10,7 @@ import styles from './quickProfileStyles' import { ProfileBasic } from './profileBasic' import { parseReputation } from '../../../../utils/user' import { default as ROUTES } from '../../../../constants/routeNames'; +import { ActionPanel } from './actionPanel' interface QuickProfileContentProps { username:string, @@ -177,6 +178,10 @@ export const QuickProfileContent = ({ text='VIEW FULL PROFILE' onPress={_openFullProfile} /> + ) }; diff --git a/src/components/organisms/quickProfileModal/children/quickProfileStyles.ts b/src/components/organisms/quickProfileModal/children/quickProfileStyles.ts index fb06215c8..004fab43e 100644 --- a/src/components/organisms/quickProfileModal/children/quickProfileStyles.ts +++ b/src/components/organisms/quickProfileModal/children/quickProfileStyles.ts @@ -89,10 +89,13 @@ export default EStyleSheet.create({ actionPanel:{ - width:'100%', + position: 'absolute', + right:0, + top:0, flexDirection:'row', - justifyContent:'space-around', alignItems:'center', } as ViewStyle, + + }) \ No newline at end of file