Aligning the text to the right

ONEARMY · Oct 18, 2019 · 500c4f4 · 500c4f4
1 parent 2cfb611
commit 500c4f4
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/components/EventCard/EventCard.tsx b/src/components/EventCard/EventCard.tsx
@@ -131,7 +131,7 @@ export const EventCard = (props: IProps) => (
         mr={1}
         width={1}
       >
-        <Text auxiliary width={1}>
+        <Text auxiliary width={1} txtRight>
           Go to event
         </Text>
       </GoToEventLink>

diff --git a/src/components/Text/index.tsx b/src/components/Text/index.tsx
@@ -13,6 +13,7 @@ export interface ITextProps {
   txtcenter?: boolean
   capitalize?: boolean
   bold?: boolean
+  txtRight?: boolean
 
   large?: boolean
   medium?: boolean
@@ -41,6 +42,9 @@ export const inline = (props: ITextProps) =>
 export const txtcenter = (props: ITextProps) =>
   props.txtcenter ? { textAlign: 'center' } : null
 
+export const txtRight = (props: ITextProps) =>
+  props.txtRight ? { textAlign: 'right' } : null
+
 export const regular = (props: ITextProps) =>
   props.regular ? { fontWeight: 400 } : null
 
@@ -104,6 +108,7 @@ export const BaseText = styled(RebassText)`
 	${tags}
 	${auxiliary}
 	${paragraph}
+  ${txtRight}
 `
 
 type TextProps = ITextProps & RebassTextProps