Added App.tsx
Signed-off-by: James Ketrenos <james_git@ketrenos.com>
This commit is contained in:
parent
67808d83fe
commit
9eb6ffe16e
46
client/src/App.tsx
Normal file
46
client/src/App.tsx
Normal file
@ -0,0 +1,46 @@
|
|||||||
|
|
||||||
|
import React, { useState } from 'react';
|
||||||
|
|
||||||
|
import './App.css';
|
||||||
|
|
||||||
|
|
||||||
|
const Cluster = () => {
|
||||||
|
return (
|
||||||
|
<div className='Cluster'>cluster</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
type Identity = {
|
||||||
|
lastName: string,
|
||||||
|
middleName: string,
|
||||||
|
firstName: string,
|
||||||
|
descriptors: number[],
|
||||||
|
id: number
|
||||||
|
displayName: string,
|
||||||
|
};
|
||||||
|
|
||||||
|
const Identities = () => {
|
||||||
|
const [identities, setIdentities] = useState<Identity[]>([]);
|
||||||
|
|
||||||
|
const identitiesJSX = identities.map(identity => (
|
||||||
|
<img alt={identity.id.toString()} src={`/faces/{identity.id}/{identity.id}.png`}/>
|
||||||
|
))
|
||||||
|
return (
|
||||||
|
<div className='Identities'>
|
||||||
|
{ identitiesJSX }
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
const App = () => {
|
||||||
|
return (
|
||||||
|
<div className="App">
|
||||||
|
<div className="Worksheet">
|
||||||
|
<Cluster/>
|
||||||
|
<Identities/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default App;
|
Loading…
x
Reference in New Issue
Block a user