LukeParke/firecamp
1
0
Fork 0
mirror of https://github.com/LukeHagar/firecamp.git synced 2025-12-06 04:19:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

ui: updated layout for InviteInfo

Browse Source
This commit is contained in:
Nishchit14
2023-05-02 14:44:54 +05:30
parent 33e1d4019f
commit 84ebf7fde6
1 changed files with 24 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
platform/firecamp-platform/src/components/tabs/home/Home.tsx
View File

@@ -28,19 +28,19 @@ const Home: FC<any> = () => {
}; };
return ( return (
<Row flex={1} overflow="auto" className="h-full"> <Container className="px-14 py-20" overflow="visible">
<Column> <Container.Header>
<Container className="px-14 py-20" overflow="visible"> <div className="text-2xl mb-8 font-normal">
<Container.Header> Welcome To Firecamp!
<div className="text-2xl mb-8 font-normal"> <span className="block text-base font-light text-appForegroundInActive">
Welcome To Firecamp! This campsite is designed for you, giving you the power to do what
<span className="block text-base font-light text-appForegroundInActive"> you love with APIs.
This campsite is designed for you, giving you the power to do </span>
what you love with APIs. </div>
</span> </Container.Header>
</div> <Container.Body overflow="visible">
</Container.Header> <Row flex={1} overflow="auto" className="h-full">
<Container.Body overflow="visible"> <Column>
<div className="mb-8"> <div className="mb-8">
<div className="block text-base uppercase font-semibold text-appForegroundInActive mb-6"> <div className="block text-base uppercase font-semibold text-appForegroundInActive mb-6">
Popular Requests Popular Requests
@@ -71,13 +71,14 @@ const Home: FC<any> = () => {
</div> </div>
</div> </div>
<Theme /> <Theme />
</Container.Body> </Column>
</Container>
</Column> <Column>
<Column className="p-8 px-8"> <InviteInfo />
<InviteInfo /> </Column>
</Column> </Row>
</Row> </Container.Body>
</Container>
); );
}; };
@@ -233,12 +234,12 @@ interface IRequestItem {
openRequest: () => void; openRequest: () => void;
} }
const InviteInfo = ({ organisation = true }) => { const InviteInfo = ({ organisation = true, info = {workspace: 'My Workspace', organisation: 'Firecamp'} }) => {
return ( return (
<div className="flex flex-col border border-appBorder shadow-md p-4"> <div className="flex flex-col border border-appBorder rounded-sm p-4 m-auto">
<p className={'text-base font-semibold mb-2 mt-1'}> <p className={'text-base font-semibold mb-2 mt-1'}>
{organisation {organisation
? "You're in the `My Workspace` workspace of the `Firecamp` organization." ? `You're in the ${info.workspace} workspace of the ${info.organisation} organization.`
: `You're right now in your personal workspace`} : `You're right now in your personal workspace`}
</p> </p>