42 lines
1.1 KiB
TypeScript
42 lines
1.1 KiB
TypeScript
import React, { useState, useEffect } from "react";
|
|
import { getVersion } from "@tauri-apps/api/app";
|
|
|
|
import ModelSelector from "../model-selector";
|
|
import UpdateChecker from "../update-checker";
|
|
|
|
const Footer: React.FC = () => {
|
|
const [version, setVersion] = useState("");
|
|
|
|
useEffect(() => {
|
|
const fetchVersion = async () => {
|
|
try {
|
|
const appVersion = await getVersion();
|
|
setVersion(appVersion);
|
|
} catch (error) {
|
|
console.error("Failed to get app version:", error);
|
|
setVersion("0.1.2");
|
|
}
|
|
};
|
|
|
|
fetchVersion();
|
|
}, []);
|
|
|
|
return (
|
|
<div className="w-full border-t border-mid-gray/20 mt-4 pt-3">
|
|
<div className="flex justify-between items-center text-xs px-4 pb-3 text-text/60">
|
|
<div className="flex items-center gap-4">
|
|
<ModelSelector />
|
|
</div>
|
|
|
|
{/* Update Status */}
|
|
<div className="flex items-center gap-1">
|
|
<UpdateChecker />
|
|
<span>•</span>
|
|
<span>v{version}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Footer;
|