83:I[903690,["/chat-static/_next/static/immutable/chunks/04hbfmh6hbqss.js","/chat-static/_next/static/immutable/chunks/39rg-vyko_oef.js","/chat-static/_next/static/immutable/chunks/3xk_70lpaq4rr.js","/chat-static/_next/static/immutable/chunks/1sitju1_d7il0.js","/chat-static/_next/static/immutable/chunks/0sf49n39-457l.js","/chat-static/_next/static/immutable/chunks/0m1kq5rn-0ww-.js","/chat-static/_next/static/immutable/chunks/1lu-4z5bhhz4h.js","/chat-static/_next/static/immutable/chunks/1p5y_zcqvqq8d.js","/chat-static/_next/static/immutable/chunks/01baumogimg6p.js","/chat-static/_next/static/immutable/chunks/258a4ne6m_k4p.js","/chat-static/_next/static/immutable/chunks/0ko_j9ax7y6x0.js","/chat-static/_next/static/immutable/chunks/1nyef2mn0xr6l.js","/chat-static/_next/static/immutable/chunks/0wi_45vocl_-p.js","/chat-static/_next/static/immutable/chunks/0-vsrzeceac3v.js","/chat-static/_next/static/immutable/chunks/2e3p8j58j-2ac.js","/chat-static/_next/static/immutable/chunks/2ozwdzttq5i1f.js","/chat-static/_next/static/immutable/chunks/0ewqarb2bfu8h.js","/chat-static/_next/static/immutable/chunks/2ic8lww1-lsd6.js","/chat-static/_next/static/immutable/chunks/3knm8li7yvqyy.js","/chat-static/_next/static/immutable/chunks/3ishjhw9r5hu6.js","/chat-static/_next/static/immutable/chunks/219cqn3u0bpkg.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/0xi2c3jaocjvt.js","/chat-static/_next/static/immutable/chunks/0jv8_sp12utf0.js","/chat-static/_next/static/immutable/chunks/1e462i1ma5hqc.js","/chat-static/_next/static/immutable/chunks/39g-v5gn16xpu.js","/chat-static/_next/static/immutable/chunks/3e68w17lftq23.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/2lb8tgn9smhmm.js","/chat-static/_next/static/immutable/chunks/1ybmqoirdq34w.js","/chat-static/_next/static/immutable/chunks/1erg8g21a3w0b.js","/chat-static/_next/static/immutable/chunks/24a1tclp3_eio.js","/chat-static/_next/static/immutable/chunks/3h0z-hp8-yi1i.js","/chat-static/_next/static/immutable/chunks/0p9rde4dp8mlf.js","/chat-static/_next/static/immutable/chunks/12iw2o65f5diw.js","/chat-static/_next/static/immutable/chunks/3fnbcspmxidog.js","/chat-static/_next/static/immutable/chunks/0qmfntxs_4897.js","/chat-static/_next/static/immutable/chunks/11jpx637g96mg.js","/chat-static/_next/static/immutable/chunks/3cyqm8u9n5jqw.js","/chat-static/_next/static/immutable/chunks/3m2mv816cqaf9.js","/chat-static/_next/static/immutable/chunks/21e0q2tppm01j.js"],"ExplicitChatIdProvider"] 84:I[838238,["/chat-static/_next/static/immutable/chunks/04hbfmh6hbqss.js","/chat-static/_next/static/immutable/chunks/39rg-vyko_oef.js","/chat-static/_next/static/immutable/chunks/3xk_70lpaq4rr.js","/chat-static/_next/static/immutable/chunks/1sitju1_d7il0.js","/chat-static/_next/static/immutable/chunks/0sf49n39-457l.js","/chat-static/_next/static/immutable/chunks/0m1kq5rn-0ww-.js","/chat-static/_next/static/immutable/chunks/1lu-4z5bhhz4h.js","/chat-static/_next/static/immutable/chunks/1p5y_zcqvqq8d.js","/chat-static/_next/static/immutable/chunks/01baumogimg6p.js","/chat-static/_next/static/immutable/chunks/258a4ne6m_k4p.js","/chat-static/_next/static/immutable/chunks/0ko_j9ax7y6x0.js","/chat-static/_next/static/immutable/chunks/1nyef2mn0xr6l.js","/chat-static/_next/static/immutable/chunks/0wi_45vocl_-p.js","/chat-static/_next/static/immutable/chunks/0-vsrzeceac3v.js","/chat-static/_next/static/immutable/chunks/2e3p8j58j-2ac.js","/chat-static/_next/static/immutable/chunks/2ozwdzttq5i1f.js","/chat-static/_next/static/immutable/chunks/0ewqarb2bfu8h.js","/chat-static/_next/static/immutable/chunks/2ic8lww1-lsd6.js","/chat-static/_next/static/immutable/chunks/3knm8li7yvqyy.js","/chat-static/_next/static/immutable/chunks/3ishjhw9r5hu6.js","/chat-static/_next/static/immutable/chunks/219cqn3u0bpkg.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/0xi2c3jaocjvt.js","/chat-static/_next/static/immutable/chunks/0jv8_sp12utf0.js","/chat-static/_next/static/immutable/chunks/1e462i1ma5hqc.js","/chat-static/_next/static/immutable/chunks/39g-v5gn16xpu.js","/chat-static/_next/static/immutable/chunks/3e68w17lftq23.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/2lb8tgn9smhmm.js","/chat-static/_next/static/immutable/chunks/1ybmqoirdq34w.js","/chat-static/_next/static/immutable/chunks/1erg8g21a3w0b.js","/chat-static/_next/static/immutable/chunks/24a1tclp3_eio.js","/chat-static/_next/static/immutable/chunks/3h0z-hp8-yi1i.js","/chat-static/_next/static/immutable/chunks/0p9rde4dp8mlf.js","/chat-static/_next/static/immutable/chunks/12iw2o65f5diw.js","/chat-static/_next/static/immutable/chunks/3fnbcspmxidog.js","/chat-static/_next/static/immutable/chunks/0qmfntxs_4897.js","/chat-static/_next/static/immutable/chunks/11jpx637g96mg.js","/chat-static/_next/static/immutable/chunks/3cyqm8u9n5jqw.js","/chat-static/_next/static/immutable/chunks/3m2mv816cqaf9.js","/chat-static/_next/static/immutable/chunks/21e0q2tppm01j.js"],"SWRDataProvider"] 85:T3fd6,"use client" import { useState } from 'react' import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { Calendar } from "@/components/ui/calendar" export default function Component() { const [display, setDisplay] = useState('0') const [memory, setMemory] = useState(0) const [convertFrom, setConvertFrom] = useState('USD') const [convertTo, setConvertTo] = useState('EUR') const [convertValue, setConvertValue] = useState('0') const [convertResult, setConvertResult] = useState('0') const [areaUnit, setAreaUnit] = useState('m²') const [areaLength, setAreaLength] = useState('0') const [areaWidth, setAreaWidth] = useState('0') const [areaResult, setAreaResult] = useState('0') const [loanAmount, setLoanAmount] = useState('0') const [loanRate, setLoanRate] = useState('0') const [loanTerm, setLoanTerm] = useState('0') const [loanResult, setLoanResult] = useState('0') const [dateFrom, setDateFrom] = useState(new Date()) const [dateTo, setDateTo] = useState(new Date()) const [dateDiff, setDateDiff] = useState('0') const [originalPrice, setOriginalPrice] = useState('0') const [discountPercent, setDiscountPercent] = useState('0') const [discountResult, setDiscountResult] = useState('0') const handleInput = (value) => { setDisplay(prev => prev === '0' ? value : prev + value) } const handleClear = () => { setDisplay('0') } const handleCalculate = () => { try { const result = eval(display.replace(/x/g, '*')) setDisplay(result.toString()) } catch (error) { setDisplay('Error') } } const handleMemoryOperation = (operation) => { switch (operation) { case 'M+': setMemory(memory + parseFloat(display)) break case 'M-': setMemory(memory - parseFloat(display)) break case 'MR': setDisplay(memory.toString()) break case 'MC': setMemory(0) break } } const handleScientificOperation = (operation) => { switch (operation) { case 'sin': case 'cos': case 'tan': setDisplay(`Math.${operation}(${display})`) break case 'log': setDisplay(`Math.log10(${display})`) break case 'ln': setDisplay(`Math.log(${display})`) break case 'sqrt': setDisplay(`Math.sqrt(${display})`) break case 'x^2': setDisplay(`Math.pow(${display}, 2)`) break case 'x^y': setDisplay(`${display}**`) break } } const handleCurrencyConvert = () => { // In a real app, you would use an API to get current exchange rates const rates = { USD: { EUR: 0.85, GBP: 0.74, JPY: 110.14 }, EUR: { USD: 1.18, GBP: 0.87, JPY: 129.55 }, GBP: { USD: 1.36, EUR: 1.15, JPY: 149.13 }, JPY: { USD: 0.0091, EUR: 0.0077, GBP: 0.0067 } } const result = parseFloat(convertValue) * rates[convertFrom][convertTo] setConvertResult(result.toFixed(2)) } const handleAreaCalculate = () => { const length = parseFloat(areaLength) const width = parseFloat(areaWidth) let result = length * width if (areaUnit === 'cm²') result /= 10000 if (areaUnit === 'km²') result *= 1000000 setAreaResult(result.toFixed(2)) } const handleLoanCalculate = () => { const amount = parseFloat(loanAmount) const rate = parseFloat(loanRate) / 100 / 12 const term = parseFloat(loanTerm) * 12 const result = (amount * rate * Math.pow(1 + rate, term)) / (Math.pow(1 + rate, term) - 1) setLoanResult(result.toFixed(2)) } const handleDateCalculate = () => { const diffTime = Math.abs(dateTo.getTime() - dateFrom.getTime()) const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24)) setDateDiff(diffDays.toString()) } const handleDiscountCalculate = () => { const original = parseFloat(originalPrice) const discount = parseFloat(discountPercent) const discountAmount = original * (discount / 100) const finalPrice = original - discountAmount setDiscountResult(finalPrice.toFixed(2)) } const basicButtons = [ 'C', '(', ')', '/', '7', '8', '9', 'x', '4', '5', '6', '-', '1', '2', '3', '+', '0', '.', '=', ] const scientificButtons = [ 'sin', 'cos', 'tan', 'log', 'ln', 'sqrt', 'x^2', 'x^y', ] const memoryButtons = ['MC', 'MR', 'M+', 'M-'] return (

Basic Scientific Advanced

{display}

{memoryButtons.map(btn => ( ))}

{basicButtons.map(btn => ( ))}

{display}

{scientificButtons.map(btn => ( ))}

{basicButtons.map(btn => ( ))}

Currency Area Finance Date Discount

From

Amount setConvertValue(e.target.value)} />

{convertResult}

Unit

Length setAreaLength(e.target.value)} />

Width setAreaWidth(e.target.value)} />

{areaResult} {areaUnit}

Loan Amount setLoanAmount(e.target.value)} />

Interest Rate (%) setLoanRate(e.target.value)} />

Loan Term (Years) setLoanTerm(e.target.value)} />

${loanResult}/month

From Date

To Date

{dateDiff} days

Original Price setOriginalPrice(e.target.value)} />

Discount Percentage setDiscountPercent(e.target.value)} />

${discountResult}

) }7c:["$","$L83",null,{"chatId":"vbaOvga2Jy2","children":["$","$L84",null,{"data":{"@\"active-block\",\"vbaOvga2Jy2\",":{"id":"b_52g12z4","messageId":"GUfXVE5gjJPuWMoNjEabq","source":"$85","language":"typescriptreact","type":"react","closed":true,"meta":{"file":"xiaomi-calculator.tsx","type":"react","project":"XiaomiCalculator"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"vbaOvga2Jy2\",":false,"":null},"children":"$L86"}]}]

About

Tags

Share

About

Tags

Share

More Templates Like This