Added App.tsx

Signed-off-by: James Ketrenos <james_git@ketrenos.com>
This commit is contained in:
James Ketr 2023-01-15 19:51:01 -08:00
parent 67808d83fe
commit 9eb6ffe16e

46
client/src/App.tsx Normal file
View 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;