noham/gitprofile
1
0
Fork 0
mirror of https://github.com/NohamR/gitprofile.git synced 2026-05-25 12:27:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add experience and education

Browse Source
This commit is contained in:
MD. Ariful Alam
2021-08-22 18:39:03 +06:00
parent 9d87bbcb8e
commit ef61419b0f
15 changed files with 441 additions and 1438 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
src/components/Details.js
View File

@@ -6,38 +6,34 @@ import { GrLinkedinOption, GrMail } from 'react-icons/gr';
import { ImDribbble } from 'react-icons/im';
import { useSelector } from 'react-redux';
import config from '../config';
import { skeleton } from '../helpers/utils';
const Details = () => {
const profile = useSelector(state => state.profile);
const loading = useSelector(state => state.loading);
const renderSkeleton = () => {
let array = [];
for (let index = 0; index < 4; index++) {
array.push((
<li key={index}>
<span>
{skeleton({width: 'w-6', height: 'h-4', className: 'mr-2'})}
{skeleton({width: 'w-32', height: 'h-4'})}
</span>
</li>
))
}
return array;
}
return (
<div className="card shadow-lg compact side bg-base-100">
<div className="card-body">
<ul className="menu row-span-3 bg-base-100 text-base-content text-opacity-40">
{
loading ? (
<>
<li>
<span>
<div className="bg-base-300 w-6 h-4 animate-pulse rounded-full mr-2" />
<div className="bg-base-300 w-32 h-4 animate-pulse rounded-full" />
</span>
</li>
<li>
<span>
<div className="bg-base-300 w-6 h-4 animate-pulse rounded-full mr-2" />
<div className="bg-base-300 w-32 h-4 animate-pulse rounded-full" />
</span>
</li>
<li>
<span>
<div className="bg-base-300 w-6 h-4 animate-pulse rounded-full mr-2" />
<div className="bg-base-300 w-32 h-4 animate-pulse rounded-full" />
</span>
</li>
</>
) : (
loading ? renderSkeleton() : (
<>
{
profile && profile.location && (
@@ -146,7 +142,6 @@ const Details = () => {
</ul>
</div>
</div>
)
}