LESA/custum-hyprpanel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated weather and power button icons to use text-icons rather than system icons. (#232)

Browse Source 
* Replace weather and power icons with nerdfont icons.

* Update power icons for power dropdown menu.
This commit is contained in:
Jas Singh
2024-09-07 13:24:30 -07:00
committed by GitHub
parent 5373c106d2
commit bd573ec4e7
10 changed files with 145 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
modules/menus/calendar/weather/hourly/icon/index.ts
View File

@@ -1,32 +1,41 @@
import { Weather } from "lib/types/weather.js";
import { Variable } from "types/variable.js";
import icons from "../../../../../icons/index.js";
import { weatherIcons } from "modules/icons/weather.js";
export const HourlyIcon = (theWeather: Variable<Weather>, getNextEpoch: any) => {
return Widget.Icon({
class_name: "hourly-weather-icon",
icon: theWeather.bind("value").as((w) => {
if (!Object.keys(w).length) {
return "-";
}
const getIconQuery = (wthr: Weather) => {
const nextEpoch = getNextEpoch(w);
const weatherAtEpoch = w.forecast.forecastday[0].hour.find(
(h) => h.time_epoch === nextEpoch,
);
const nextEpoch = getNextEpoch(wthr);
const weatherAtEpoch = wthr.forecast.forecastday[0].hour.find(
(h) => h.time_epoch === nextEpoch,
);
let iconQuery = weatherAtEpoch?.condition.text
.trim()
.toLowerCase()
.replaceAll(" ", "_")
|| "warning"
;
let iconQuery = weatherAtEpoch?.condition.text
.trim()
.toLowerCase()
.replaceAll(" ", "_")
|| "warning"
;
if (!weatherAtEpoch?.is_day && iconQuery === "partly_cloudy") {
iconQuery = "partly_cloudy_night";
}
if (!weatherAtEpoch?.is_day && iconQuery === "partly_cloudy") {
iconQuery = "partly_cloudy_night";
}
return iconQuery;
}
return icons.weather[iconQuery];
}),
});
return Widget.Box({
hpack: "center",
child: theWeather.bind("value").as((w) => {
let weatherIcn = "-";
const iconQuery = getIconQuery(w);
weatherIcn = weatherIcons[iconQuery];
return Widget.Label({
hpack: "center",
class_name: "hourly-weather-icon txt-icon",
label: weatherIcn,
});
})
})
};

16
modules/menus/calendar/weather/icon/index.ts
View File

@@ -1,19 +1,17 @@
import { Weather } from "lib/types/weather";
import { Variable } from "types/variable";
import { getWeatherStatusIcon } from "globals/weather.js";
import { getWeatherStatusTextIcon } from "globals/weather.js";
export const TodayIcon = (theWeather: Variable<Weather>) => {
return Widget.Box({
vpack: "center",
hpack: "start",
class_name: "calendar-menu-weather today icon container",
children: [
Widget.Icon({
class_name: "calendar-menu-weather today icon",
icon: theWeather.bind("value").as((v) => {
return getWeatherStatusIcon(v);
}),
child: Widget.Label({
class_name: "calendar-menu-weather today icon txt-icon",
label: theWeather.bind("value").as((w) => {
return getWeatherStatusTextIcon(w);
}),
],
});
})
})
};