Firman Ramdhani
ed949e4174
- Implemented EncryptionService for secure data handling with AES encryption. - Created DateService for advanced date manipulation and formatting. - Developed EncryptionDemo and DateServiceComponent for interactive demonstrations. - Added LocalStorage demo for encrypted data storage and retrieval. - Established ESLint and TypeScript configurations for utils package. - Included example utility function for demonstration purposes.
23 lines
701 B
TypeScript
23 lines
701 B
TypeScript
import { utilsExample } from '@repo/utils';
|
|
import React, { useState } from 'react';
|
|
|
|
export const Counter: React.FC = () => {
|
|
const [count, setCount] = useState(0);
|
|
|
|
return (
|
|
<div className="py-4">
|
|
<div>
|
|
<div>test helper</div>
|
|
<div>{utilsExample()}</div>
|
|
</div>
|
|
<div className="text-2xl font-semibold">tailwind on package UI</div>
|
|
<div className="bg-red-400 text-3xl font-bold underline">100</div>
|
|
<div className="mt-3 bg-brand-500 text-brand-800">sdsa</div>
|
|
<div className="text-5xl text-green-500">sada</div>
|
|
<button id="counter" type="button" onClick={() => setCount(count + 1)}>
|
|
{count}
|
|
</button>
|
|
</div>
|
|
);
|
|
};
|