Ryan/Reactive-Resume
1
0
Fork 0
mirror of https://github.com/AmruthPillai/Reactive-Resume.git synced 2025-11-14 16:51:33 +10:00
Code Issues Packages Projects Releases Wiki Activity

completed translation extraction of profile and work

Browse Source
This commit is contained in:
Amruth Pillai
2020-03-29 23:28:24 +05:30
parent e75c0769c6
commit 9510d44949
18 changed files with 275 additions and 177 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/components/App/App.js
View File

@ -1,5 +1,5 @@
/* eslint-disable no-unused-vars */
import React, { useEffect, useContext } from 'react';
import React, { useEffect, useContext, Suspense } from 'react';
import LeftSidebar from '../LeftSidebar/LeftSidebar';
import RightSidebar from '../RightSidebar/RightSidebar';
@ -37,21 +37,23 @@ const App = () => {
};
return (
<div className="h-screen overflow-hidden grid grid-cols-5 items-center">
<LeftSidebar />
<Suspense fallback="Loading...">
<div className="h-screen overflow-hidden grid grid-cols-5 items-center">
<LeftSidebar />
<div className="z-0 h-screen col-span-3 flex justify-center items-center overflow-scroll">
<div
id="page"
className="animated fadeIn my-auto shadow-2xl"
style={{ animationDelay: '500ms' }}
>
{renderTemplate()}
<div className="z-0 h-screen col-span-3 flex justify-center items-center overflow-scroll">
<div
id="page"
className="animated fadeIn my-auto shadow-2xl"
style={{ animationDelay: '500ms' }}
>
{renderTemplate()}
</div>
</div>
</div>
<RightSidebar />
</div>
<RightSidebar />
</div>
</Suspense>
);
};